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調用以及返回的資訊