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调用以及返回的信息