IE下調試CSS與JS

IE下調試CSS與JS

啓動調試工具：IE瀏覽器9.0 ,菜單〉〉F12開發人員工具……。

 

1.      調試CSS

 

1.1找到頁面元素

」HTML」 TAB頁，展開HTML元素，找到要高度的DOM元素HTML代碼，選中元素DOM，IE中會爲藍色框表示選中。

1.2  查看控件使用的樣式

在右邊「樣式」TAB中，可看到使用的樣式，優先級從低到高，內聯CSS在最下邊

「跟蹤樣式」：表示最終使用的複合樣式

「佈局」TAB：可方便的看到寬度等信息

1.3更改CSS

可在右邊更改CSS值，此時在IE中可實時看到更改後結果……

 

2調試JS

2.1 左邊「腳本」TAB，可打開JS調試頁

2.2選擇JS,「啓動調試」前，有選擇列表，可選擇加載的JS來調試。可設置斷點等……

 

3.0  查看JS函數調用表，函數調用數

3.1 左邊打開「探查器」，而後「開始採樣」，操做IE，而後「中止採樣」，則可看到採樣信息……當前視圖爲函數時，可看到全部調用的函數……當前視圖爲調用樹時，可看到調用函數流程，跟蹤進去……

 

 

4.0 調試AJAX

4.1切換到左邊「網絡」TAB，點擊「開始捕獲」按鈕，而後操做IE,就能夠看到AJAX調用以及返回的信息