Как я могу отладить, почему диалог открывается в веб-Outlook, но не в 2016 году?

Question

Мой диалог будет корректно открываться в офисном веб-приложении, но в Office 2016 он показывает только индикатор загрузки и говорит working on your request.Я попытался добавить панель задач, которая работает, и я сначала использую ее, чтобы убедиться, что я принимаю переопределение сертификата https, но все же не повезло.Никакое диалоговое окно не пытается появиться, и я просто вижу встроенный индикатор.

Кажется, что нет какой-либо консоли разработчика офиса, которую я мог бы открыть, чтобы помочь отладить происходящее.

мои функции htmlфайл выглядит следующим образом:

function showSmsModal() {
  Office.context.ui
    .displayDialogAsync("https://localhost:3000/send-sms", { height: 30, width: 20 });
}

(() => {
  // The initialize function must be run each time a new page is loaded
  Office.initialize = () => {
    console.log("inited");
  };

  // Add any ui-less function here
})();

, в то время как индексный файл, в котором диалоговое окно html является плоским html с реагирующим корнем, а файл js выглядит следующим образом.

import * as React from 'react'
import * as ReactDOM from 'react-dom'


if (!!Office) {
  Office.initialize = async () => {
    ReactDOM.render(<div>test</div>, document.getElementById('root'))
  }
}

и, наконец, соответствующий манифест xml

<Control xsi:type="Button" id="msgReadOpenPaneButton">
    <Label resid="paneReadButtonLabel" />
    <Supertip>
        <Title resid="paneReadSuperTipTitle" />
        <Description resid="paneReadSuperTipDescription" />
    </Supertip>
    <Icon>
        <bt:Image size="16" resid="icon16" />
        <bt:Image size="32" resid="icon32" />
        <bt:Image size="80" resid="icon80" />
    </Icon>
    <!-- <Action xsi:type="ShowTaskpane">
            <SourceLocation resid="messageReadTaskPaneUrl" />
         </Action> -->
    <Action xsi:type="ExecuteFunction">
        <FunctionName>showSmsModal</FunctionName>
    </Action>
</Control>

Answer 1

Вы можете запустить «Инструменты разработчика F12» в качестве отдельного экземпляра для отладки надстройки в Office 2016 для Windows.Процесс описан здесь: Отладка надстроек с помощью инструментов разработчика F12 в Windows 10 .

Внимание! В указанной документации есть ошибка.Исполняемый файл IEChooser.exe , а не F12Chooser.exe.В противном случае документация является точной.