南京Java培训 IE浏览器下调试JS与CSS的方法

　　启动调试工具：IE浏览器9.0 ,菜单〉〉F12开发人员工具……。

　　1. 调试CSS

　　1.1找到页面元素

　　”HTML” TAB页，展开HTML元素，找到要高度的DOM元素HTML代码，选中元素DOM，IE中会为蓝色框表示选中。南京Java培训

　　1.2 查看控件使用的样式

　　在右边“样式”TAB中，可看到使用的样式，优先级从低到高，内联CSS在最下边。南京Java培训

　　“跟踪样式”：表示最终使用的复合样式

　　“布局”TAB：可方便的看到宽度等信息

　　1.3更改CSS

　　可在右边更改CSS值，此时在IE中可实时看到更改后结果……

　　2调试JS

　　2.1 左边“脚本”TAB，可打开JS调试页

　　2.2选择JS,“启动调试”前，有选择列表，可选择加载的JS来调试。可设置断点等……

　　3.0 查看JS函数调用表，函数调用数

　　3.1 左边打开“探查器”，然后“开始采样”，操作IE，然后“停止采样”，则可看到采样信息……当前视图为函数时，可看到所有调用的函数……当前视图为调用树时，可看到调用函数流程，跟踪进去……南京Java培训

　　4.0 调试AJAX

　　4.1切换到左边“网络”TAB，点击“开始捕获”按钮，然后操作IE,就可以看到AJAX调用以及返回的信息。