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

  • 使用 Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 调试已关闭评论
  • 130 次浏览
  • A+
所属分类:.NET技术
摘要

今天给大家分享一个话题:如何使用 Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 调试

今天给大家分享一个话题:如何使用 Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 调试

前一段时间在工作中遇到一个问题,通过winform的webbrowser加载的网页,操作dom元素给网页赋值,遇到了js验证不通过的问题,因为网页提示的验证信息比较模糊,

所以很难知道那些数据赋值有问题,那么我们可以通过Visual Studio自带的JavaScript 调试来排查解决这个问题,这里推荐用最新版本2022,低版本支持不太好。

1. 首先,创建一个winform的窗体页面,在窗体上放一个webbrowser控件,我以禅道举例,用webbrowser加载禅道页面,我们来调试一下禅道的JavaScript脚本

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

 

 

 2. Load事件中加载禅道登录页面

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

 

3. 我们把编译好的exe跑起来,并加载禅道页面到webbrowser控件上

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

 

4. 调试 --- > 附加到进程

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

附加到选择调试以下代码类型:脚本

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

点选择窗口按钮,可以选择运行的窗体,并自动选择进程

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

 

 

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

 

 

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

 

 

 5. 点附加到进程,开始调试,在解决方案里面会出现脚本文档,找到对应的脚本,打上断点就可以调试(比如点登陆 按钮,调试登陆的脚本)

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

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

 

 

以上就是怎么用Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 的调试,如果大家有更好的方案,欢迎留言指出。

参考文献:https://weblog.west-wind.com/posts/2017/Jul/06/JavaScript-Debugging-in-a-Web-Browser-Control-with-Visual-Studio