[開發工具介紹] 微軟推出了 網頁前端除錯的 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

也許你會有興趣

• 五大熱門 udemy 學習 Javascript 線上課程
• 三大熱門 udemy 學習 HTML+CSS 線上課程
• 三堂 udemy 最熱門的網頁開發新手入門課程
• Rezi 履歷製作軟體 : 終身訂閱專業版 ( 🔥 特價中 )

---

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