Attach a debugger from the task pane
In Office 2016 for Windows, Build 77xx.xxxx or later, you can attach the debugger from the task pane. The attach debugger feature will directly attach the debugger to the correct Internet Explorer process for you. You can attach a debugger regardless of whether you are using Yeoman Generator, Visual Studio Code, node.js, Angular, or another tool.
To launch the Attach Debugger tool, choose the top right corner of the task pane to activate the Personality menu (as shown in the red circle in the following image).
Select Attach Debugger. This launches the Visual Studio Just-in-Time Debugger dialog box, as shown in the following image.
You can then attach and debug in Visual Studio.
For more information, see the following:
- To launch and use the DOM Explorer in Visual Studio, see Tip 4 in the Tips and Tricks section of the Building great-looking apps for Office using the new project templates blog post.
- To set breakpoints, see Using Breakpoints.
- To use F12, see Using the F12 developer tools.