Visual Studio环境下Office Dialog box加载文件无法Debug问题求助

操作步骤 #

• 启动项目调试，待Office加载项正常运行后，手动唤起你需要调试的Dialog窗口，保持窗口处于打开状态
• 点击Visual Studio顶部菜单栏的「调试」选项，选择「附加到进程」
• 在弹出的配置窗口中，将「附加到」的调试目标设置为 Microsoft Edge 和 Chrome 调试器
• 在进程列表的筛选框中输入 msedgewebview2，筛选出所有正在运行的WebView2进程
• 查看每个进程的「标题」列，找到标题与Dialog加载页面的标题一致的进程，选中后点击「附加」即可

调试技巧与注意事项 #

• 可以在Dialog对应的JS代码中插入debugger;语句，附加进程后刷新Dialog页面，代码执行到对应位置时会自动触发断点，无需手动标记行断点
• 附加进程前需确认Dialog窗口已经完全加载完成，避免找不到对应WebView2进程
• 若出现断点不命中的情况，先检查Dialog加载的代码是否和本地项目源码一致，可清空Office缓存后重试
• Visual Studio 2019及更早版本需提前安装「Web 开发」工作负载以及WebView2调试工具组件，才能正常识别WebView2调试进程

内容的提问来源于stack exchange，提问作者Naveen Kumar Madas