IE11中全新增強的F12開發人員工具

　　眾所周知，微軟最新發布的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中開發人員工具的所有詳細資訊。