JavaScript办公插件中的控制台日志记录

26

我有一个关于在 Javascript Web 办公插件 中使用的 "console.log" 的问题。 我正在开发 JavaScript Word 插件,但无法排除故障,因为我不知道 "console.log" 输出被发送到哪里。 微软网站上有很多例子,包含了 "console.log",但它们从未说明如何检查这些输出。

那么,问题来了,我该如何查看这个 "console.log" 输出呢?我没有使用Visual Studio。

祝好, Alexey

8个回答

10

当您说您没有使用Visual Studio时,是指您没有使用Visual Studio模板吗?还是说您的计算机上实际上没有安装Visual Studio(如果是这样,我建议您安装它——即使只是免费/社区版)?

一旦您安装了它:

  • 关闭所有Internet Explorer的实例
  • 转到Visual Studio->调试->附加到进程
  • 确保选择“附加到”:“脚本代码
  • 选择所有iexplore.exe实例
  • 单击“附加”

现在您应该可以获得完整的调试体验,包括控制台输出(“JavaScript控制台”窗口;如果默认情况下不显示,请使用快速启动(ctrl-Q)将其启动),DOM资源管理器(再次,如果您看不到它,请使用快速启动),以及更多。

输入图片说明

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


1
嗨,这正是我一直在寻找的。非常感谢。 - Alexey Zelenkin
@MichaelZlatkovsky-Microsoft,你有时间在这篇帖子中发表一下你的意见吗?提前感谢。 - nam
VSCode调试将是一个不错的选择。 - ty1
@AlexeyZelenkin,您能否请您审核一下这个问题?https://stackoverflow.com/questions/62388829/ - Baig
@Michael,你能否也回答一下这个相关的问题?https://stackoverflow.com/q/63502856/1243247 - João Pimentel Ferreira
@JoãoPimentelFerreira,我已经不在Office扩展性团队了——但希望产品团队中的某个人能回答你的问题。 - Michael Zlatkovsky - Microsoft

8

2
可执行文件的名称也可以是“IEChooser.exe”。 - Rvanlaak
请参阅此答案以快速启动 IEChooser.exe --> https://dev59.com/NVoU5IYBdhLWcg3wu4ri#68020993 - FreeSoftwareServers

7

谢谢!这是唯一一个对我有用的答案! - yossico

4

2

这对我在Excel的Office Add In中有效。

如果你的Add In有一个TaskPane,你可以悬停在它上面,然后在右上角出现箭头。点击箭头打开菜单,选择Attach Debugger。你也可以从TaskPane中按CTRL-SHIFT-i。对于我来说,这会单独打开Edge DevTools,让我查看我的Add In中的console.log输出。


这似乎只是一个到IEChooser.exe的快捷方式,但对我来说很有用!你可以这样做,然后将应用程序固定到任务栏上! - FreeSoftwareServers

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

Screenshot of right-clicking taskpane


1
如果您不想使用Visual Studio,这实际上是一个很棒的答案,谢谢Temba!传奇! - Khutso

2

我不知道免费版的Visual Studio是否有此选项,但是在有许可证的VS 2015上,我通过一个简单的窗口解决了问题:

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

-1

要查看由Office插件生成的日志,您需要使用所使用的应用程序(例如Excel、Outlook等)的Web服务。您只需要将manifest.xml文件作为插件上传到Web上,然后当您对本地文件进行更改时,它将自动同步或更新。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接