[開發工具介紹] 微軟推出了 網頁前端除錯的 VSCode 擴充套件


簡介

這個 VS Code 擴充套件 – Microsoft Edge Tools for VS Code,讓你可以在 VS Code 編輯器中使用瀏覽器的“元素和網路”工具。 DevTools 將連線到 Microsoft Edge 實例 ( instance ),使你能夠檢視執行時HTML結構,更改佈局,修復樣式問題以及檢視網路請求。 一切都不需要離開VS Code。這個可以大幅提升網頁前端開發工程師的生產力!

支援的功能

  • 用於以遠端除錯模式啟動 Microsoft Edge 瀏覽器並自動附加工具的除錯配置,
  • 側欄檢視,用於列出所有可除錯的目標,包括 tabs,extensions,service workers。
  • 功能齊全的 Elements 和 Network工具,具有HTML,CSS,可訪問性等檢視。
  • 螢幕廣播功能使你無需離開 VS Code 即可檢視網頁。 單擊“元素”工具內的連結或 CSS 規則時,直接轉到工作空間中原始檔的行/列。 使用Debugger for Microsoft Edge 擴充套件程式開始除錯時,自動附加 Microsoft Edge 工具。

詳細的使用說明請參考 Microsoft Edge Tools for VS Code

也許你會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

當這個頁面更新時,傳送 e-mail 給我

Comments are closed.

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: