前言：傳統常用的javascript調試，需要打開F12，在瀏覽器的Source模塊中找到頁面或javascript文件，打上瀏覽器斷點進行調試。但是這種方式放到含有復雜項目結構的項目中去尋找某個JS有時候是一種相當頭痛的問題，但是現在VS2019給我們提供一個可以在VS中進行調試JS腳本的方法：
Microsoft提示信息：
Visual Studio 僅為 Chrome 和 Microsoft Edge (Chromium) 提供客戶端調試支持。 在某些情況下，調試器會自動命中 JavaScript 和 TypeScript 代碼中以及 HTML 文件的嵌入腳本中的斷點。 若要在 ASP.NET 應用中調試客戶端腳本，請參閱博客文章在 Microsoft Edge 中調試 JavaScript 和 Google Chrome 文章。 若要在 ASP.NET Core 中調試 TypeScript，另請參閱使用 TypeScript 創建 ASP.NET Core 應用。
對於 ASP.NET 以外的應用程序，請執行此處所述的步驟。
主要內容-客戶端腳本操作步驟：
1-設置允許瀏覽器調試功能：“工具”->“選項”->“調試”->“常規”，然后關閉“為ASP.NET（Chrome和IE）啟用JavaScript調試”設置。 2-在需要調試的javascript文件中設置debugger斷點，並設置調試瀏覽器為：Chrome或者Microsoft Edge。 3-啟用F5調試功能即可。
使用 Razor (ASP.NET) 在動態文件中調試 JavaScript
從 Visual Studio 2019 開始，Visual Studio 僅為 Chrome 和 Microsoft Edge (Chromium) 提供調試支持。
但是，不能在使用 Razor 語法（cshtml、vbhtml）生成的文件上自動命中斷點。 有兩種方法可用於調試此類型的文件：
-
將
debugger;語句放在要中斷的位置：這會導致動態腳本在創建時停止執行並立即開始調試。 -
加載頁面並在 Visual Studio 上打開動態文檔：需要在調試時打開動態文件、設置斷點並刷新頁面以使此方法起作用。 根據所使用的是 Chrome 還是 Internet Explorer，可以使用以下策略之一找到該文件：
對於 Chrome，請轉到“解決方案資源管理器”>“腳本文檔”>“YourPageName”。
備注
使用 Chrome，可能會收到一條消息：<script> 標記之間沒有可用源。 這是正常的，只需繼續調試即可。
對於 Microsoft Edge (Chromium)，請使用與 Chrome 相同的進程。
有關詳細信息，請參閱 Google Chrome 中 ASP.NET 項目的客戶端調試。
參考鏈接：
在 Visual Studio 中調試 JavaScript 或 TypeScript 應用
Google Chrome 中 ASP.NET 項目的客戶端調試