< meta http-equiv="description" content="左边打开“探查器”,然后“开始采样”,操作IE,然后“停止采样”,则可看到采样信息……当前视图为函数时,可看到所有调用的函数……当前视图为调用树时,可看到调用函数流程,跟踪进去。"/>

IE浏览器下调试CSS与JS的方法

[来源] 达内    [编辑] 达内   [时间]2012-06-14

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

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

资源下载