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,等:
- 运行 加载项
- 在您的计算机上转到 System32/F12
- 运行 F12Chooser.exe
- 单击“刷新”并等待几秒钟
- 从加载项中选择要调试的进程
这里的主要优点是您可以通过这种调试方法使用本机 Office 客户端。对于 Office Online 中的测试,Mr.P 的答案将很适合您。另请注意,F12 选择器从 Windows 10 开始可用。
-Michael Saunders,Office 加载项项目经理
我正在使用 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,等:
- 运行 加载项
- 在您的计算机上转到 System32/F12
- 运行 F12Chooser.exe
- 单击“刷新”并等待几秒钟
- 从加载项中选择要调试的进程
这里的主要优点是您可以通过这种调试方法使用本机 Office 客户端。对于 Office Online 中的测试,Mr.P 的答案将很适合您。另请注意,F12 选择器从 Windows 10 开始可用。
-Michael Saunders,Office 加载项项目经理