Console log in Javascript Office Addin

旧巷老猫 提交于 2019-11-30 12:48:39

When you say you're not using Visual Studio, do you mean that you're not using the Visual Studio template? Or that you physically don't have Visual Studio on the machine (if so, might I recommend you install it -- even just the free/community edition)?

Once you have that:

  • Close all instances of Internet Explorer
  • Go to Visual Studio -> Debug -> Attach to process
  • Be sure to select "Attach to": "Script code"
  • Select all the iexplore.exe instances
  • Click "Attach"

You should now get a full debugging experience, complete with console output ("JavaScript console" window; use the Quick Launch (ctrl-Q) to launch it if it doesn't display be default), DOM Explorer (again, use Quick Launch if you don't see it), and more.

~ Michael Zlatkovsky, developer on Office Extensibility team, MSFT

There is an alt way if you don't have Visual Studio. There is a tool in windows name is 'F12 Chooser', you can find it at Windows\SysWOW64\F12\F12Chooser.exe

More info can be found at: https://github.com/OfficeDev/office-js-docs/blob/master/docs/testing/debug-add-ins-using-f12-developer-tools-on-windows-10.md

In Mac you can use Safari Web Inspector as it is explained here:

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

In Windows is possible to just attach a debugger to the add-in:

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

I don't know if this option is available on free versions of Visual Studio, but with licensed VS 2015 I solved with a simple window:

(after starting the project) Debug > Windows > JavaScript Console
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!