這些是 Microsoft Edge DevTools 穩定版的最新功能。
影片：DevTools 112 的新內容
效能工具解除在非進程 iframe 中執行的 JavaScript
在先前版本的 Microsoft Edge 中，JavaScript 在非進程 iframe (OOPIF) 中執行與 DevTools 隔離。 因此， 效能 工具無法將源圖套用到來自 OOPIF 的效能事件。 在 效能 工具錄製剖面時，該工具只能在火焰圖中顯示縮小後的檔案名稱和功能名稱，無法顯示未壓縮的名稱：
在 Microsoft Edge 112 中， 效能 工具現在會載入原始碼圖，並將其套用到在 OOPIF 中追蹤的效能事件。 因此，在 效能 工具中錄製設定檔後，你現在可以看到 OOPIF 中 JavaScript 執行的未壓縮檔案與函式名稱：
另請參閱:
- Performance 工具在 DevTools (Microsoft Edge 111) 中，在 DevTools 進行生產程式碼設定時，會解除檔案和函式名稱的縮小。
- 透過將原始碼映射發佈到 Azure Artifacts 符號伺服器，安全除錯原始程式碼
- 透過使用 Azure Artifacts 符號伺服器原始碼映射安全除錯原始程式碼
- Performance Features Reference中的紀錄表現。
CSS 總覽工具顯示非簡單選擇器，快速提升效能
CSS 總覽工具新增了一個非簡單選擇器區塊，當你對網頁的 CSS 進行總覽快照時，會顯示非簡單 CSS 選擇器的清單。 這份 CSS 總覽 工具中非簡單 CSS 選擇器的清單，提供快速辨識可能導致長期持續 Recalculate Styles 事件的常見原因的方法：
這是一份可能降低效能的選擇器清單。 要判斷這些選擇器是否真的降低了效能，請使用效能工具中的選擇器統計功能。
你可以嘗試調整這些選擇器，使其更具體且匹配的元素更少，從而減少瀏覽器計算樣式所需的時間，適用於以下情況：
- 當元素被加入或移除 DOM 時，
- 當元素屬性改變時，例如
classid或。 - 當使用者輸入發生時，例如滑鼠移動或焦點改變，這些都可能影響
:hover規則。
要分析個別 CSS 選擇器的效能並分析變更的影響，請使用效能工具中的選擇器統計功能。
另請參閱:
Microsoft Edge 的 JSON 檢視器支援程式碼摺疊
從 Microsoft Edge 110 開始，你可以使用一個實驗性功能，直接在瀏覽器中查看 JSON：JSON 檢視器。 過去你可能使用瀏覽器擴充功能或文字編輯器來查看 JSON，但現在你可以直接在 Microsoft Edge 中檢查 JSON payload，無論 JSON 來自網路還是磁碟。
從 Microsoft Edge 112 開始，JSON 檢視器現在支援程式碼摺疊。 JSON 檢視器是一項實驗性功能。 要開啟 JSON 檢視器並存取程式碼摺疊：
移至
edge://flags。在 搜尋旗幟 文字欄位，開始輸入 JSON Viewer。
在 JSON 檢視器 下拉選單中，選擇 啟用。 右下角會出現一個 重新啟動 按鈕。
點擊 重新啟動 按鈕。
前往一個 JSON 檔案，例如 https://microsoftedge.github.io/Demos/json-dummy-data/256KB.json。 行號顯示在左側。
點擊 JSON Viewer 右上角 (
) 的齒輪圖示，然後選擇程式碼摺疊勾選框。
開啟程式碼摺疊後，你現在可以展開和摺疊你正在檢查的 JSON 中的物件和陣列：
請 隨時給我們回饋！
另請參閱:
對焦模式改進
焦點模式 是開發工具（DevTools）中一個全新且實驗性的使用者介面。 專注模式簡化並精簡了 DevTools 的使用者介面，提供最大自訂性，同時不犧牲工具中強大的功能。 在 Microsoft Edge 112 中，專注模式獲得以下改進：
按 Esc 會顯示或完全隱藏快速檢視
在先前版本的 Microsoft Edge 中，焦點 模式下快速 檢視 面板總是顯示，或收摺或展開。 按下 Esc 鍵可以展開快速 檢視 面板（如果它已經摺疊），反之亦然。 然而，當在活動欄中選擇主控台工具時，快速檢視面板摺疊時按下 Esc 鍵，畫面卻顯示空白視圖。 在 Microsoft Edge 112 中，這個問題已經修正。
按 Esc 現在會顯示或完全隱藏 快速檢視 面板。 如果 快速檢視 面板目前隱藏，按下 Esc 會顯示快速 檢視 面板，並展開：
如果快速 檢視 工具列目前顯示 (快速 檢視 面板是摺疊或展開) ，按下 Esc 鍵會完全隱藏快速 檢視 工具列和面板：
專用 DevTools 的節點圖示不再重疊活動列中的第一個圖示
在焦點模式下，當 DevTools 偵測到有 Node.js 伺服器正在運行時，節點圖示會顯示。 點擊此圖示即可開啟專屬的 Node 開發工具。
在 Microsoft Edge 112 之前，當 活動列 垂直排列時，節點圖示會重疊於第一個工具圖示，這使得選擇第一個工具變得較困難。 這個問題現在已經修正;當 活動欄 垂直時，節點圖示和第一個工具圖示沒有重疊：
在垂直活動列中，當滑鼠時，每個工具圖示只會顯示一個標籤
在 焦點模式中，當 活動欄 處於垂直方向時，當你將滑鼠移到圖示上或用鍵盤選取圖示時，會顯示工具名稱標籤。 這些標籤幫助你熟悉 活動列中每個工具的圖示。
過去用鍵盤選擇圖示或用滑鼠懸停在圖示上，會同時顯示兩個標籤。 這個問題現在已經修正;僅顯示一個標籤：
Chromium 計畫的公告
Microsoft Edge 112 也包含 Chromium 專案的以下更新：