最近,Microsoft Edge 團隊發表一篇博客,JavaScript 除錯現已內置到 Visual Studio Code 代碼中,因此不需再次使用瀏覽器除錯,
除錯.js程式,無需安裝任何擴展,用戶只需按 F5 或激活選單欄中的除錯圖示并選擇"運行和除錯"即可開始會話,或者用戶使用 Visual Studio Code 的代碼命令控制板并運行"除錯:打開鏈接",通過Visual Studio Code編輯器,用戶可以直接選擇Chrome、Microsoft Edge除錯.js而無需安裝任何擴展,

如果用戶選擇內嵌的Microsoft Edge除錯器,用戶只需要注意到除錯工具列中的附加功能:檢查按鈕,

這個檢查按鈕會在 Visual Studio Code 代碼運行程序中直接啟動 Microsoft Edge除錯工具,第一次點擊此按鈕時,用戶需要安裝用于 Visual Studio Code 除錯 JavaScript 程式的 Microsoft Edge除錯器插件,第一次安裝成功后,以后就不會彈出這個提示框,

用戶也可以檢查 DOM、更改 CSS,并可以在查看相關代碼程式的情況下,同時查看在瀏覽器中運行的專案的網路請求,

用戶還可以使用除錯器中的除錯控制臺與瀏覽器中的檔案進行互動,就像在瀏覽器開發人員工具中使用控制臺一樣,用戶可以完全訪問視窗物件,并使用控制臺控制程式 API,

如果用戶想自動連接到 Microsoft Edge 并在編輯器中啟動開發人員工具,則可以創建啟動.json檔案,請注意,"https://localhost:8080"可能需要為您的專案更改,

假如用戶還想深入了解 Visual Studio Code 的內置 Java Script 除錯作業流的功能,可以檢查除錯器擴展的 README 檔案,
更多詳情查看鏈接:
https://blogs.windows.com/msedgedev/2021/07/16/easier-debugging-developer-tools-in-visual-studio-code/
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/291917.html
標籤:其他
上一篇:11-單點登錄系統微服務版實踐
下一篇:小白入門之前端網頁技術 Vue
