Contents
簡介
這個 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
也許你會有興趣
- 五大熱門 udemy 學習 Javascript 線上課程
- 三大熱門 udemy 學習 HTML+CSS 線上課程
- 三堂 udemy 最熱門的網頁開發新手入門課程
- Rezi 履歷製作軟體 : 終身訂閱專業版 ( 🔥 特價中 )

★ 歡迎使用 App / Email | Telegram 訂閱 網站更新★
你必須登入才能發表留言。