Edge Developer Tools(Edge 開發者工具)是一個 Visual Studio 擴充套件,該擴充套件在昨天了 Visual Studio Marketplace。這個擴充套件讓開發人員無需離開 Visual Studio 就能預覽 和 Core 專案。該擴充套件所提供的功能不僅僅只是預覽 Web 應用這麼簡單,使用 Edge 開發者工具做出的修改實際上也會應用於你的原始碼之上,這對開發生產力而言是一個巨大的提升。
目前 Edge 開發者工具還處於預覽階段,在現在的狀態下,該工具允許開發者在 Visual Studio 中對程式碼修改時實時預覽和編輯 Web 應用。當然這個功能也可以反過來使用,在工具視窗中進行的編輯也將對你的原始碼進行修改。
除了程式碼層面的用途,該擴充套件具備的網路工具還可以檢視發出的 Web 請求和網路流量。
跟所有軟體/工具的預覽版一樣,現階段 Edge 開發者工具的功能並不算豐富,並且在使用過程中會伴隨著各種各樣的 bug,微軟將會持續不斷地改進 Edge 開發者工具。
已知問題:
- 尚不支援 Blazor 專案
- 開發 Core 應用程式時,單擊預覽按鈕會出現一個新的外部控制檯視窗
- 修改 CSS 時,不會實時顯示更新,需要手動儲存檔案才能預覽
- 進行 CSS 更改後重置捲動位置
- ……
這個擴充套件支援 Visual Studio 2022 17.1 及以上版本,目前已上架 Visual Studio Marketplace,開發者可通過這個連結()下載安裝。