Angularjs - 如何在开发Office时调试和记录

Question

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

完成所有配置后，我将manifest.xml发布到文件共享。然后我告诉Excel将此文件共享信任为应用程序目录。我可以使用Excel运行添加。

现在，尽管add in运行正常但我没有错误或记录消息的迹象。如果发生错误，我无法查看实际发生的情况，我只能看到我当前正在加载的.html文件。这可能如下所示：

在开发我的插件时，我无法记录，调试或至少看到错误。

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

我不能登录此窗口，并在出现错误时看到错误吗？

Answer 1

如果要在Windows桌面版本的Excel / Word / PowerPoint中进行调试，可以使用IE Developer Tools，它具有良好的调试器，控制台，DOM浏览器等：

1. 运行加载项
2. 转到计算机上的System32 / F12
3. 运行F12Chooser.exe
4. 点击刷新并等待几秒钟
5. 从插件
中选择要调试的流程

此处的主要优点是您可以使用此调试方法使用本机Office客户端。对于Office Online中的测试，Mr.P的答案对您来说非常有用。另请注意，F12选择器在Windows 10中可用。

-Michael Saunders，办公室加载项的下午

Answer 2

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

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

2）我在线使用Office实际运行我的manifest.xml文件，然后打开浏览器控制台查看我的日志记录。这是我了解事情如何运作的最佳方式。有关here的详细信息。

希望有所帮助。