這些是 Microsoft Edge DevTools 穩定版的最新功能。
影片：Microsoft Edge |DevTools 101 最新動態
Console 工具現已在 Visual Studio Code 中提供
控制台是 DevTools 中最受歡迎的工具之一。 你現在可以在 Microsoft Edge 開發者工具擴充套件中的 Visual Studio Code 中使用 Console 工具。 這個整合的 DevTools 主控台讓你能直接看到程式碼旁的日誌訊息。 利用控制台，你也可以：
- 試試看一些 JavaScript 語句。
- 存取視窗物件。
- 呼叫物件的方法
Console，如 Console 物件 API 參考中所述。 - 使用主控台工具來存取 DOM，詳見 主控台工具功能與選擇器。
你可以把主控台當作主要工具，也可以搭配 元素 和 網路 工具一起使用。
Visual Studio Code Microsoft Edge DevTools 擴充套件主工具列中開啟的控制台工具：
Microsoft Edge DevTools 擴充套件抽屜中開啟的 Console 工具（針對 Visual Studio Code）：
欲了解更多資訊，請參閱 控制台整合。
原始碼地圖現已透過 IndexedDB 快取
在先前的 Microsoft Edge 版本中，如果你在伺服器或 Azure Artifacts 符號伺服器上托管大型原始碼地圖，DevTools 會在頁面重新整理時取得這些原始碼映射。 反覆取得這些原始碼映射會產生更多 DevTools 的網路請求，並拖慢除錯速度。
在 Microsoft Edge 101 中，DevTools 透過使用 IndexedDB 快取原始碼映射。 當你重新整理頁面時，來源映射現在會從 IndexedDB 快取中提供，而不是再從你的伺服器或 Azure Artifacts 符號伺服器重新請求。 請使用來源地圖監控工具中的載入狀態欄位，確認來源地圖是否從快取載入。 要清除 IndexedDB 快取並強制 DevTools 重新載入原始碼映射，請在指令選單中執行「清除原始碼映射快取」指令。
當你第一次載入網頁時， Source Maps Monitor 工具顯示來源地圖尚未快取：
當你重新載入網頁時， 來源地圖監控 工具會顯示已使用快取的來源地圖：
匯出 HAR 檔案時追蹤待處理的網路請求
在 Microsoft Edge 101 中，網路工具新增了狀態文字欄位。 狀態文字欄提供人類可讀的等效訊息，適用於狀態欄中報告的 HTTP 狀態碼。
此外，網路工具新增了一個設定： 在 HAR 檔案中包含待處理請求。 如果你在網路工具中匯出 HAR 檔案時需要記錄 待處理 的網路請求，請開啟 「在 HAR 檔案中包含待處理請求 」的設定。 狀態 文字 欄位現在會包含任何待處理網路請求的 (待處理) 狀態。
欲了解更多請求日誌中可用的欄位，請參閱 網路功能參考 > 「新增或移除欄位」。
更新的 3D 視圖介面與鏡頭控制
在 Edge 101 Microsoft，3D 檢視 工具新增了兩個按鈕： 平移檢視 (「 
) ，以及 旋轉檢視 (「 
) 。 使用這些按鈕切換平移畫布或旋轉畫布。 點擊 平移檢視 或 旋轉檢視 按鈕，然後用滑鼠拖曳想要的方向，或使用方向鍵。
使用者介面現在提供了更統一且直覺的體驗。 窗格組織更清晰，且無障礙問題也已修正。
請參閱 使用 3D 檢視工具導航網頁圖層、z 索引與 DOM。
切換主題不再需要重新載入 DevTools
在先前版本的 Microsoft Edge 中，在 DevTools 中切換主題需重新載入 DevTools 以套用新主題。 在 Microsoft Edge 101 中，你可以快速嘗試不同主題，無需重新載入 DevTools。
Chromium 計畫的公告
Microsoft Edge 101 也包含 Chromium 專案的以下更新：