微軟即將為Edge推出新的開發工具協議

微軟於4月30日發布了Edge 17版，其中推出了微軟Edge開發工具協議（Microsoft Edge DevTools Protocol），這是一組JSON和JSON-RPC的API，用於讓客戶端與Edge瀏覽器的選項卡進行交互。該協議遵循了Chrome開發工具協議模型，讓開發人員能夠通過標準Web技術來構建可與Edge瀏覽器交互的工具。

該協議通過解耦客戶端與平台，讓我們開始了推進Edge瀏覽器開發工具生態系統的第二階段任務。在本地和Web開發環境中，HTTP和WebSocket技術隨處可見，因此各種編程語言編寫的客戶端可以通過該協議與Edge瀏覽器進行集成。我們希望該協議的推出，可以大大降低那些想要創建Edge開發工具的開發者們的門檻。在發布申明博客中，微軟資深產品經理Brendyn Alexander表示：

微軟還發布了使用該協議的兩個客戶端：微軟Edge開發預覽工具和Visual Studio 2017。該協議仿照Chrome開發工具協議以及正在發展中的WICG開發工具標準。根據目前客戶端上的文檔：

開發工具協議0.1初始版本提供了一些核心的調試功能，如設置斷點、代碼步進以及查看堆棧信息。 在Edge開發工具的界面中，這些就是調試器面板中的各個功能，但沒有緩存視圖（如Web存儲，Service worker，Cache API和IndexedDB）。

協議的功能按「域」維度來組織，初始版本主要支持了「調試器」域，並最小限度支持了「頁面」和「運行時」域，當然還有用於查詢可用域列表的「Schema」元數據域。

如果微軟繼續基於Chrome開發工具協議進行開發，可以預計在未來的版本中將增加更多其他域。在谷歌開發工具協議的文檔中重點介紹了39個不同的域，從可訪問性到Service worker，外部工具可以使用大量的瀏覽器功能。

其他主流瀏覽器也都正處於實現開發工具協議的不同階段。按Chrome最新穩定版文檔中描述，其包含了16個域，而webkit（即Safari）的github中的協議目錄上顯示，有24個不同域的協議正在開發中。Firefox似乎是主流瀏覽器中最落後的一個，只存在一個已經停滯的相關tracking bug也沒有相關文檔。

在瀏覽器外，Node.js也支持了谷歌開發工具協議的一個子集，在文檔中顯示目前支持六個域。開發人員可以通過Chrome工具來直接調試Node程序。想要了解如何通過該方式對Node進行調試，可以查看Chrome開發工具的開發者Paul Irish的相關博客。

有興趣深入了解微軟Edge開發工具協議和微軟的開發者生態系統的開發人員可以試用微軟Edge開發預覽工具，或參閱協議文檔。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！