從Visual Studio調試Blazor WebAssembly應用程序


從Visual Studio附加到進程調試

2019年12月3日 現在,您可以通過附加到瀏覽器進程來從Visual Studio調試Blazor WebAssembly應用程序。目前,這種體驗是非常手動的。在將來的更新中,我們希望使Visual Studio在您按F5鍵時能夠處理調試Blazor WebAssembly應用程序所需的所有必要的連線。此外,尚未啟用調試體驗的各種功能(例如查看本地語言)。在接下來的幾個月中,我們將繼續努力。

要從Visual Studio調試正在運行的Blazor WebAssembly應用程序,請執行以下操作:

  1. 運行應用程序而不進行調試(Ctrl-F5而不是F5)
  2. 打開應用程序的調試屬性,然后復制HTTP應用程序URL
  3. 使用基於Chromium的瀏覽器(Edge Beta或Chrome)瀏覽到應用程序的HTTP地址(而非HTTPS地址)。
  4. 將瀏覽器對准焦點,按Shift-Alt-D,然后按照說明打開啟用了遠程調試的瀏覽器
  5. 關閉所有其他瀏覽器實例
  6. 在Visual Studio中,選擇“ 調試”>“附加到進程”
  7. 對於“ 連接”類型,選擇Chrome devtools協議websocket(無身份驗證)
  8. 對於Connection目標,粘貼應用程序的HTTP地址(而非HTTPS地址),然后按Enter(不要單擊“ Find”(查找),這會做其他事情)。
  9. 選擇要調試的瀏覽器進程,然后選擇附加
  10. 在“選擇代碼類型”對話框中,選擇要附加到的特定瀏覽器的代碼類型(Edge或Chrome),然后選擇“確定”。
  11. 在您的應用程序中設置一個斷點(例如,在組件中的IncrementCount方法中Counter),然后使用該應用程序的該部分來達到斷點。

在以后的版本中,此過程將在Visual Studio和Visual Studio Code中自動執行,因此您可以通過單擊或擊鍵啟動和附加調試器。然后,您將不再需要手動執行此詳細的附件過程。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM