控制台登录 Javascript Office 插件

Console log in Javascript Office Addin

我有一个关于 "console.log" 的问题 Javascript Web Office 插件。目前我正在研究 Javascript Word Addin,但无法对其进行故障排除,因为我不明白 "console.log" 输出的发送位置。在 Microsoft 站点上有很多示例,其中包含 "console.log",但它们从未指定如何检查这些输出。

所以,问题是我怎样才能看到这个 "console.log" 输出。我没有使用 Visual Studio.

BR, 阿列克谢

当您说您没有使用 Visual Studio 时,您的意思是您没有使用 Visual Studio 模板吗?或者您的机器上实际上没有 Visual Studio(如果是这样,我建议您安装它——即使只是 free/community 版本)?

一旦你拥有了:

  • 关闭 Internet Explorer 的所有实例
  • 转到 Visual Studio -> 调试 -> 附加到进程
  • 一定要select "Attach to": "脚本代码"
  • Select 所有 iexplore.exe 个实例
  • 点击"Attach"

您现在应该获得完整的调试体验,包括控制台输出("JavaScript console" window;如果默认不显示,请使用快速启动 (ctrl-Q) 启动它)、DOM Explorer(同样,如果您没有看到它,请使用“快速启动”),等等。

~ Michael Zlatkovsky,MSFT Office 可扩展性团队开发人员

我不知道 Visual Studio 的免费版本是否提供此选项,但使用许可的 VS 2015 我用一个简单的 window 解决了问题:

(after starting the project) Debug > Windows > JavaScript Console

如果您没有Visual Studio,还有一个替代方法。 windows 中有一个工具名称是 'IEChooser (was F12Chooser)',您可以在以下位置找到它:

  • 对于 32 位版本的 Office,使用 C:\Windows\System32\F12\IEChooser.exe
  • 对于64位版本的Office,使用C:\Windows\SysWOW64\F12\IEChooser.exe

可以在以下位置找到更多信息: https://docs.microsoft.com/en-us/office/dev/add-ins/testing/debug-add-ins-using-f12-developer-tools-on-windows-10

在 Mac 中,您可以使用 Safari Web Inspector,如下所述:

https://docs.microsoft.com/en-us/office/dev/add-ins/testing/debug-office-add-ins-on-ipad-and-mac

在 Windows 中可以将调试器附加到加载项:

https://docs.microsoft.com/en-us/office/dev/add-ins/testing/attach-debugger-from-task-pane

要查看 office 加载项生成的日志,您需要使用您正在使用的应用程序的网络服务,例如 Excel、Outlook 等。您需要做的就是上传 manifest.xml 文件作为网络上的插件,然后当您对本地文件进行更改时它会自动同步或更新。

对于在 2020 年查看此内容的任何人。Windows10 有一个新的 Microsoft Edge Dev Tools(预览版)应用程序。此工具将自动检测两个本地进程。只需单击该过程,它就会附加。然后您可以调试、检查控制台等。

https://www.microsoft.com/en-us/p/microsoft-edge-devtools-preview/9mzbfrmz0mnj?activetab=pivot:overviewtab

这适用于 Excel 的 Office 加载项。

如果您的加载项有任务面板,您可以将鼠标悬停在它上面,右上角会出现一个箭头。单击箭头打开菜单并选择 Attach Debugger。您还可以从任务窗格执行 CTRL-SHIFT-i。对我来说,这会单独打开 Edge DevTools,让我可以查看 console.log 来自我的加载项的输出。

与 Dermont 的回答类似,我发现最简单的方法就是 right-click 任务窗格,然后像在浏览器中一样单击“检查”。然后您可以从那里导航到控制台。