IE下调试CSS与JS
2014-04-22 22:05
309 查看
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调用以及返回的信息.
另外,下面是微软官方调试HTML、CSS 和 JavaScript的说明:
http://msdn.microsoft.com/zh-cn/library/windows/apps/hh441474.aspx#InspectingDOM
启动调试工具: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调用以及返回的信息.
另外,下面是微软官方调试HTML、CSS 和 JavaScript的说明:
http://msdn.microsoft.com/zh-cn/library/windows/apps/hh441474.aspx#InspectingDOM
相关文章推荐
- [HTML] CSS 下拉菜单
- css3渐变
- css之防止出现因浏览器不同出现样式不同的情况
- css之防止出现不同浏览器字体大小不一的情况
- 用纯CSS实现的箭头
- (2)CSS指定长度的三种方式
- CSS初始化代码
- CSS基本知识6-CSS字体
- css清除间隙
- CSS3实现气泡效果
- 从缓存的源文件中读取资源文件,下载到本地(包括图片和样式脚本)
- 《CSS权威指南》--附录
- CSS3 (边框 圆角 阴影)
- css3实现垂直下拉动画菜单示例
- CSS实现圆角、透明在IE、火狐中的代码兼容解决办法
- css 控制table样式
- css hack
- css3通过scale()、rotate()实现放大、旋转
- CSS样式基础知识
- css样式无效是怎么回事?有哪些常见原因?