從Visual Studio附加到進程調試
2019年12月3日 現在,您可以通過附加到瀏覽器進程來從Visual Studio調試Blazor WebAssembly應用程序。目前,這種體驗是非常手動的。在將來的更新中,我們希望使Visual Studio在您按F5鍵時能夠處理調試Blazor WebAssembly應用程序所需的所有必要的連線。此外,尚未啟用調試體驗的各種功能(例如查看本地語言)。在接下來的幾個月中,我們將繼續努力。
要從Visual Studio調試正在運行的Blazor WebAssembly應用程序,請執行以下操作:
- 運行應用程序而不進行調試(Ctrl-F5而不是F5)
- 打開應用程序的調試屬性,然后復制HTTP應用程序URL
- 使用基於Chromium的瀏覽器(Edge Beta或Chrome)瀏覽到應用程序的HTTP地址(而非HTTPS地址)。
- 將瀏覽器對准焦點,按Shift-Alt-D,然后按照說明打開啟用了遠程調試的瀏覽器
- 關閉所有其他瀏覽器實例
- 在Visual Studio中,選擇“ 調試”>“附加到進程”。
- 對於“ 連接”類型,選擇Chrome devtools協議websocket(無身份驗證)。
- 對於Connection目標,粘貼應用程序的HTTP地址(而非HTTPS地址),然后按Enter(不要單擊“ Find”(查找),這會做其他事情)。
- 選擇要調試的瀏覽器進程,然后選擇附加
- 在“選擇代碼類型”對話框中,選擇要附加到的特定瀏覽器的代碼類型(Edge或Chrome),然后選擇“確定”。
- 在您的應用程序中設置一個斷點(例如,在組件中的
IncrementCount
方法中Counter
),然后使用該應用程序的該部分來達到斷點。
在以后的版本中,此過程將在Visual Studio和Visual Studio Code中自動執行,因此您可以通過單擊或擊鍵啟動和附加調試器。然后,您將不再需要手動執行此詳細的附件過程。