眾所周知，微軟最新發布的IE11里面增強了F12功能。F12是由Visual Studio團隊和IE團隊密切合作構建而成，旨在為開發人員提供可操作的數據，幫助開發人員快速找出并解決問題。全新的F12包含用于診斷和修復性能問題的工具以及幫助您深入了解IE如何布局和呈現您的應用的工具，可以幫助您提供快速而流暢的Web體驗。F12支持現代Web開發人員所使用的快速、迭代工作流。

　　下面讓我們一起來看看F12中新增的功能。

　　使用新的F12 開發人員工具調試代碼、解決顯示問題、提升性能、增強你的網頁的穩定性。

　　Internet Explorer 11中的F12工具已從頭開始重建，可為你提供以下內容：

　　從頭開始重建

• 新且更干凈的用戶界面。
• 新的響應、內存以及模擬工具。
• 常見工具中新的、改進的功能。
• 更快、更簡單的工作流。

　　使用 UI 響應工具加快網頁速度

　　當頁面運行時，新的UI響應工具為其提供配置文件，從而標識頁面速度減慢的位置以及花費時間過長的進程。開發人員可以觀察CPU使用率、幀速率與頁面行為之間的關系。

　　要點：當Windows 7并非處于最新狀態時，在Windows 7上的IE11中可能會禁用F12開發人員工具中的UI響應工具。如果UI響應工具無法在 Windows 7上安裝的IE11中正常工作，請確保已經安裝Windows更新中的所有可用更新。

　　CSS、HTML 以及JavaScript自動完成

　　鍵入JavaScript、HTML或CSS代碼時， 控制臺和DOM資源管理器工具會提供自動完成建議。自動完成有助于實現以下操作：

• 使API更容易被發現；例如控制臺API方法。
• 減少鍵入錯誤。
• 加速工作流。

　　屏幕和GPS模擬

　　使用模擬工具，你可以在小至240像素寬的移動屏幕上，大至4k家庭影院屏幕的所有屏幕上預覽站點外觀。GPS模擬測試移動網頁如何在世界任何位置進行響應。

　　有意義的內存分析

　　隨著時間的推移跟蹤內存使用情況是一個重要工具，用于調試頁面速度緩慢和崩潰情況。新的內存工具提供了以下內容：

• 整體內存使用情況的時間線視圖。
• 內存使用情況快照，顯示某個給定時間點網頁的內存使用情況。
• 快照比較，查明兩個快照之間更改內存使用情況的源。這有助于標識網頁運行時和用戶與網頁交互時顯露的內存問題。
• 高亮顯示的孤立元素，顯示可以回收元素的位置。

　　右鍵單擊以檢查

　　使用IE11在DOM資源管理器工具中選擇頁面元素非常輕松。右鍵單擊頁面上的元素，然后單擊上下文菜單中的“檢查元素”，以在 DOM 資源管理器工具中突出顯示元素。

　　更多信息

　　如果改進的新工具的此示例激起了你的好奇心，你可以閱讀使用F12開發人員工具文檔，以了解IE11中開發人員工具的所有詳細信息。