debugging - 如何调试 Outlook Web 加载项？

Question

长期优惠

看来我的赏金即将到期，却没有任何答案。

如果以后有人能回答这个问题，我将给予奖励。如果我知道如何，我会发布答案。

<小时/>

我什至正在努力开始开发我的第一个 Outlook Web 加载项。

理想情况下，我想在主工具栏上添加一个图标，当单击时，我希望它弹出一个对话框(这将是一个运行现有 Angular JS 应用程序的 HTML 页面)。

我的主工具栏上已经有该图标(仅限桌面客户端，因为 Outlook.office.com 没有工具栏，并且看起来 Office.context.ui.displayDialogAsync() 应该弹出一个 HTML 页面作为对话框。

单击该图标时没有看到弹出窗口，但我不知道如何从 Outlook 桌面客户端调试此类加载项。谁能告诉我怎么做？

我正在考虑切换到基于网络的电子邮件进行开发，但是

1) 我不会有主工具栏，并且必须暂时移动我的图标，并且

2)，我之前尝试过，但无法输出 console.log() 或 alert()，即使是我的 Angular 的第一条语句JS Controller 。是否有其他/更好的方法来调试基于网络的应用程序？

我用谷歌搜索过，但信息很少。如何开发这样的插件并对其进行调试？

<小时/>

[更新]请参阅下面我的回答。很简单

Answer 1

尽管接受了 Jared 的回答，但我最终还是没能真正让它发挥作用。

但是，我确实找到了解决方案，并将其发布在这里以帮助其他人。

这非常简单；我用Office 365 Outlok ，而不是桌面版本。

只需按 F12 打开浏览器的开发者控制台，切换到“调试器”选项卡，查找 - 在我的例子中 - localhost，然后就有我的文件，我可以像调试任何其他文件一样调试这些文件网络应用程序。

我不知道为什么我被这个问题困了好几个星期——我猜这只是一个盲点。希望这对某人有帮助:-)