Angularjs - 开发 Office 插件时如何调试和记录答案

【问题标题】：Angularjs - How to debug and log when developing an Office add inAngularjs - 开发 Office 插件时如何调试和记录
【发布时间】：2016-08-12 12:58:14
【问题描述】：

我正在使用 AngularJS 和 Microsoft 通过 Yeoman Office 生成器提供的 adal-angular 模板进行开发和 Office 添加。

在一切配置正确后，我将manifest.xml 发布到文件共享。然后我告诉 Excel 将此文件共享信任为应用程序目录。我可以使用 Excel 很好地运行插件。

现在，虽然插件运行良好，但我没有任何错误或记录消息的迹象。如果发生错误，我看不到实际发生了什么，我只能看到我当前正在加载的.html 文件。这可能看起来像这样：

在开发我的插件时，我无法记录、调试或至少看到错误，这不可能是真的。

当我使用 Gulp 为应用程序提供服务时，我运行了一个命令提示符。它看起来像这样：

我是否应该能够登录此窗口并在出现错误时查看错误？

【问题讨论】：

标签： angularjs gulp office-addins

【解决方案1】：

如果你想在 Windows 桌面版本的 Excel/Word/PowerPoint 中调试，你可以使用 IE Developer Tools，它有很好的调试器、控制台、DOM-explorer 等：

运行加载项
在您的机器上转到 System32/F12
运行 F12Chooser.exe
单击刷新并等待几秒钟
从加载项中选择要调试的进程

这里的主要优点是您可以通过这种调试方法使用本机 Office 客户端。对于 Office Online 中的测试，Mr.P 的答案对您很有效。另请注意，F12 选择器从 Windows 10 开始可用。

-Michael Saunders，Office 插件产品经理

【讨论】：

这很好用，只是每次重启应用都需要重启 F12Chooser.exe，这很烦人。
嗨，迈克尔。当您有时间时，您会read this discussion 在帖子中使用签名吗？我认为社区的共识是您通常不需要添加此内容，并且仅在存在利益冲突情况（例如推荐购买）时才需要声明您的公司隶属关系。在您认为有必要的情况下，您可以说“我是 Office 加载项的 PM”，因为您的用户卡中已经包含您的姓名。

【解决方案2】：

我以前处理过 Office 加载项的痛苦。这不是一个有趣的地方。但是，我在整个开发过程中以两种不同的方式测试了我所做的大部分工作：

1) 我在 Chrome 中打开检查器并将其更改为移动视图，然后将大小设置为平均加载项大小。我知道它的大小可以改变，但只是为了给个大致的外观。

2) 我使用 Office online 来实际运行我的 manifest.xml 文件，然后打开浏览器控制台查看我的日志记录。这是我了解事情如何运作的最佳方式。 here 的更多细节。

希望对您有所帮助。

【讨论】：

我没有在 Office 在线测试，但如果我这样做当然会是一个解决方案。