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中開發人員工具的所有詳細信息。

以上就是我們給大家介紹的IE11了。希望大家繼續關注我們的網站!