使用 Visual Studio 2022 在 Web 瀏覽器控制項中進行 JavaScript 調試

今天給大家分享一個話題：如何使用 Visual Studio 2022 在 Web 瀏覽器控制項中進行 JavaScript 調試

前一段時間在工作中遇到一個問題，通過winform的webbrowser載入的網頁，操作dom元素給網頁賦值，遇到了js驗證不通過的問題，因為網頁提示的驗證信息比較模糊，

所以很難知道那些數據賦值有問題，那麼我們可以通過Visual Studio自帶的JavaScript 調試來排查解決這個問題，這裡推薦用最新版本2022，低版本支持不太好。

1. 首先，創建一個winform的窗體頁面，在窗體上放一個webbrowser控制項，我以禪道舉例，用webbrowser載入禪道頁面，我們來調試一下禪道的JavaScript腳本

 2. Load事件中載入禪道登錄頁面

3. 我們把編譯好的exe跑起來，並載入禪道頁面到webbrowser控制項上

4. 調試 --- > 附加到進程

附加到選擇調試以下代碼類型：腳本

點選擇視窗按鈕，可以選擇運行的窗體，並自動選擇進程

 5. 點附加到進程，開始調試，在解決方案裡面會出現腳本文檔，找到對應的腳本，打上斷點就可以調試（比如點登陸 按鈕，調試登陸的腳本）

以上就是怎麼用Visual Studio 2022 在 Web 瀏覽器控制項中進行 JavaScript 的調試，如果大家有更好的方案，歡迎留言指出。

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