瀏覽器模式

---

說白了，就是讓用戶選擇當前頁面用何種IE版本去渲染。

?

文本模式

---

說起“文本模式”這個名詞，這又要回到渲染頁面的3種模式了：詭異模式（Quirks mode，也有翻譯為兼容模式、怪異模式的），標準模式（Standards mode），和幾乎標準模式（Almost standards mode）。這是一個非常重要、但是很多人卻比較模糊的概念。一兩句話不太能說清楚，這樣說吧——“頁面的不同渲染模式，將直接影響頁面的最終呈現效果”，也就是說，一個頁面如果在這種模式下顯示完美，但是在另外一種模式下可能就顯示的一塌糊涂。而決定頁面模式的是頁面的!DOCTYPE屬性。

乖乖，這玩意太繞人了，還是直接上例子吧。最經典的就是對盒裝模型的解釋差異了。下面兩個圖，是相同頁面，采用不同頁面渲染模式的最終顯示效果。

?

利用IE8開發人員工具調試JavaScript腳本

---

重頭戲來了。很多朋友夢寐以求的功能呀——JavaScript腳本調試。一直擺脫不掉FireFox，就是因為Firebug實在太好用。雖然利用VS這樣航母級的軟件也能進行JavaScript腳本的調試。但是，很多前臺開發人員并不會為了一個JavaScript調試功能而去安裝那種大家伙。所以對JavaScript的調試，IE的用戶一直耿耿于懷。但是，現在終于可以平息了。因為IE8開發人員工具終于也有了小巧，卻功能強大的JavaScript調試功能。

圖上的說明已經很清楚了，下面就詳細講一下“控制臺”、“斷點”、“局部變量”、“監視”、“調用堆棧”這些視圖吧。

控制臺

在控制臺會顯示腳本調試中的一些信息，例如錯誤信息、警告信息一類的。

恩，其實也可以當成是一個微型JavaScript運行環境。你可以在這里直接鍵入腳本并運行。如果一行不夠的話，可以切換到多行模式。輸入完畢后，點擊“運行腳本”，就可以看到運行結果了。

斷點

是一個顯示你設定的所有斷點的列表。方便你統一管理：統一刪除、統一使用或者統一禁用。

局部變量

可以詳細的顯示各個變量的所有方法、事件和屬性。我最喜歡干的事情，就是一個個的看下去，看到不知道的就去查資料，絕對是個學習JavaScript的好方法。

監視

可以顯示任意你需要的變量的方法、事件和屬性。可以添加多個。整體來說和局部變量視圖差不多，只是可以更靈活的顯示你需要的而已。

調用堆棧

可以直觀地顯示函數調用堆棧情況，以及現在執行到哪個函數的情況。對于理順腳本的運行順序和嵌套很有幫助。

?

IE8開發人員工具的探查器

---

用過微軟SQL數據庫中的Profiler的朋友都知道，那個一個幫助SQL分析效率的工具。它會記錄所有的執行以及他們的執行時間，從而提供一份報表。這樣，就可以知道到底是什么在效率上拖l了后腿。

IE8 的探查器(Profiler)，也引入了這個概念，只是它探測的是JavaScript腳本而已。

先點擊【開始配置文件】按鈕，然后運行腳本或者刷新頁面。等腳本執行完了，或者頁面刷新完畢后點擊【停止配置文件】按鈕，就會生成探查報告了。

它提供兩種視圖，一種是“函數”，另一種是“調用樹”。無論何種視圖，都可以清晰且忠實的展現出各個函數的執行所用時間。從而，方便你分析出“為啥我的頁面那么慢呢？”

函數視圖

函數視圖可以方便的按照各個參數進行排序，從而方便的找出類似“誰用的時間最長”這樣的答案。

調用樹

調用樹視圖可以方便的看出各個函數之間的調用關系。

?

轉載于:https://www.cnblogs.com/PBDragon/p/3784213.html

總結

以上是生活随笔為你收集整理的IE8“开发人员工具”（下）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。