Angularjs - 开发Office插件时如何调试和登录

Angularjs - How to debug and log when developing an Office add in

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

一切配置正确后,我将 manifest.xml 发布到文件共享。然后我告诉 Excel 信任这个文件共享作为一个应用程序目录。我可以 运行 添加就好了,使用 Excel.

现在,虽然添加 运行 没问题,但我没有任何错误指示或日志消息。如果发生错误,我看不到实际发生了什么,我只能看到我当前正在加载的 .html 文件。这可能看起来像这样:

我没有办法记录、调试或至少在开发我的加载项时看到错误,这不可能是真的。

因为我正在使用 Gulp 来为应用程序提供服务,所以我有一个命令提示符 运行ning。它看起来像这样:

我不应该能够登录此 window,并在出现错误时查看错误吗?

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

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

2) 我使用 Office online 实际上 运行 我的 manifest.xml 文件,然后打开浏览器控制台查看我的日志记录。这是我了解事情进展情况的最佳方式。 here.

的更多详细信息

希望对您有所帮助。

如果您想在 Excel/Word/PowerPoint 的 Windows 桌面版本中调试,您可以使用 IE 开发者工具,它有一个很好的调试器、控制台、DOM-explorer,等:

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

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

-Michael Saunders,Office 加载项项目经理