實現VsCode內建javascript除錯:包括瀏覽器開發工具與控制檯

banq發表於2021-08-03

相對於Chrome devtools,Vscode提供了Microsoft Edge 開發人員工具,Microsoft Edge Developer Tools for Visual Studio Code 擴充套件允許你從編輯器中使用瀏覽器的元素和網路工具。在不離開 Visual Studio Code 的情況下,使用 Microsoft Edge 開發人員工具 (DevTools) 連線到具有以下功能的 Microsoft Edge 例項。
  • 檢視執行時 HTML 結構。
  • 更改佈局。
  • 更改樣式 (CSS)。
  • 閱讀控制檯訊息。
  • 檢視網路請求。

有兩種方法可以開啟 Microsoft Edge 開發人員工具。
  • 從 Visual Studio Code 中的活動欄。
  • 來自 Visual Studio Code 中的 JavaScript 偵錯程式。

外掛下載點選標題

相關文章