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调用以及返回的信息
1 楼 xiaguangme 2012-05-30 8.0 也是可以的 2 楼 zhangdaiping 2012-05-30 烂糟的ie 3 楼 mixer_a 2012-05-30 zhangdaiping 写道烂糟的ie