Win10 9926 內建 IE/Edge F12 開發人員工具大幅更新,涵蓋介面、偵錯、主控台、效能分析、網路面板五大面向,強化前端開發體驗。
一、整體 UI 改進
- 縮放功能支援更精細編輯。
- 介面簡化、配色現代化,符合高解析度螢幕。
二、偵錯程式增強
- 新增 XHR 中斷點:可在「中斷點」面板針對特定 AJAX 請求 URL 設定中斷。
- CSS Source Map 支援:直接對應 LESS/SASS 原始碼,無需編譯為 CSS 再偵錯。
- Pretty Print (整齊列印) 現支援 HTML/CSS,一鍵格式化壓縮碼。
三、主控台新功能
- 在 DOM 總管中檢視:主控台選取 DOM 元素 → 右鍵「在 DOM 總管中檢視」即時跳轉節點。
- 網路錯誤直接顯示於主控台,無需切換網路面板。
四、UI 回應工具取代分析器
- 原「分析器」整合為「UI 回應」工具,包含 JavaScript 呼叫堆疊、記憶體分析、DOM 事件時間軸。
- 單一工具完成幀率分析、記憶體洩漏偵測、DOM 操作追蹤,無需切換分頁。
五、網路工具視覺優化
- 介面更簡潔乾淨,請求列表、標頭、回應、Cookie、時間軸分區清晰。
- 新手與資深開發者皆能提升除錯效率。
啟動方式
IE/Edge 中按 F12 或右鍵網頁 → 「檢查元素」開啟。適用於 CSS 微調、記憶體洩漏追蹤、網路請求分析等全方位前端除錯。