使用 Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 调试

枫之影 發表於 2022-8-10 10:56:00

使用 Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 调试

今天给大家分享一个话题：如何使用 Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 调试
前一段时间在工作中遇到一个问题，通过winform的webbrowser加载的网页，操作dom元素给网页赋值，遇到了js验证不通过的问题，因为网页提示的验证信息比较模糊，
所以很难知道那些数据赋值有问题，那么我们可以通过Visual Studio自带的JavaScript 调试来排查解决这个问题，这里推荐用最新版本2022，低版本支持不太好。
1. 首先，创建一个winform的窗体页面，在窗体上放一个webbrowser控件，我以禅道举例，用webbrowser加载禅道页面，我们来调试一下禅道的JavaScript脚本
<img src="https://img2022.cnblogs.com/blog/412334/202208/412334-20220810093741758-297846698.png">
 
 
 2. Load事件中加载禅道登录页面
<img src="https://img2022.cnblogs.com/blog/412334/202208/412334-20220810093902024-881432860.png">
 
3. 我们把编译好的exe跑起来，并加载禅道页面到webbrowser控件上
<img src="https://img2022.cnblogs.com/blog/412334/202208/412334-20220810094044374-1419832352.png">
 
4. 调试 --- > 附加到进程
<img src="https://img2022.cnblogs.com/blog/412334/202208/412334-20220810094231309-1128144747.png">
附加到选择调试以下代码类型：脚本
<img src="https://img2022.cnblogs.com/blog/412334/202208/412334-20220810094419059-1886207969.png">
点选择窗口按钮，可以选择运行的窗体，并自动选择进程
<img src="https://img2022.cnblogs.com/blog/412334/202208/412334-20220810094514802-2052083309.png">
 
 
 <img src="https://img2022.cnblogs.com/blog/412334/202208/412334-20220810094746314-1388668580.png">
 
 
 <img src="https://img2022.cnblogs.com/blog/412334/202208/412334-20220810094836559-1031310324.png">
 
 
 5. 点附加到进程，开始调试，在解决方案里面会出现脚本文档，找到对应的脚本，打上断点就可以调试（比如点登陆按钮，调试登陆的脚本）
<img src="https://img2022.cnblogs.com/blog/412334/202208/412334-20220810105043748-1250848723.png">
<img src="https://img2022.cnblogs.com/blog/412334/202208/412334-20220810104953470-681454110.png">
 
 
以上就是怎么用Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 的调试，如果大家有更好的方案，欢迎留言指出。
参考文献：https://weblog.west-wind.com/posts/2017/Jul/06/JavaScript-Debugging-in-a-Web-Browser-Control-with-Visual-Studio 
来源：https://www.cnblogs.com/lihaishu/p/16571568.html

頁: [1]

琼殿技术论坛's Archiver

使用 Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 调试