各种主流浏览器的调试(最终稿) (修复的)

各种主流浏览器的调试

调试工具的使用

目录

1.对IE浏览器的调试.................................................................................................... 3

1.1. IE6,IE7浏览器对JS的调试方式 ................................................................... 3

1.1.1准备工作 .............................................................................................. 3 1.1.2调试脚本步骤 ...................................................................................... 4 1.1.3总结 ...................................................................................................... 5 1.2.IE8浏览器对JS的调试方法 .......................................................................... 5

1.2.1.准备工作 .............................................................................................. 5 1.2.2调试脚本步骤 ...................................................................................... 6 1.2.3总结 ...................................................................................................... 8

2对火狐进行调试 ........................................................................................................ 9

2.1安装Firebug .................................................................................................... 9 2.2、打开和关闭Firebug ..................................................................................... 9 2.3、查看、编辑HTML元素及其CSS .............................................................. 11 2.4、查看动态生成的HTML代码的方法 ......................................................... 13 2.5、查看/测试页面的函数执行效率 ............................................................... 13 2.6、使用Firebug查看XMLHttpRequest.......................................................... 14 2.7、查看页面上所有的CSS与JS..................................................................... 15 2.8、查看页面上所有的资源列表 .................................................................... 16 2.9、使用Firecookie调试页面cookie .............................................................. 16 3.Chrome浏览器对JS的调试方法 ........................................................................... 17

3.1.准备工作 ....................................................................................................... 17

3.1.1所涉及的版本 .................................................................................... 17 3.1.2存在的问题 ........................................................................................ 17 3.2调试脚本步骤 ............................................................................................... 17

3.2.1实例所需代码（例子） .................................................................... 17 3.2.2调试的基本步骤 ................................................................................ 19 3.3总结 ............................................................................................................... 23 4对Safari进行调试 ................................................................................................... 23

4.1启用Safari的调试功能 ................................................................................ 23

4.1.1 浏览器简介 ....................................................................................... 23 4.1.2 安装与使用 ....................................................................................... 23 4.2开启Debug菜单 ........................................................................................... 29 4.3 Debug菜单选项 ............................................................................................ 29 4.4查看当前页面的html结构 .......................................................................... 29 4.5查看当前页面的资源 ................................................................................... 30 4.6查看当前页面的脚本 ................................................................................... 31

5.Opera浏览器调试工具 ........................................................................................... 33

5.1.Dragonfly简介及其工作原理 ....................................................................... 33 5.2调试方法 ....................................................................................................... 33

5.2.1主要有两种调试方法： .................................................................... 33 5.2.2如何得到 Dragonfly ？ ..................................................................... 36 5.2.3如何启动 Dragonfly ........................................................................... 37 5.2.4用户界面概述 .................................................................................... 38 5.3基本操作 ....................................................................................................... 39

5.3.1脚本标签 ............................................................................................ 40 5.3.2调用栈面板 ........................................................................................ 43 5.3.3线程日志面板 .................................................................................... 43 5.3.4检查面板 ............................................................................................ 44 5.3.5命令行 ................................................................................................ 45 5.3.6DOM 标签 ........................................................................................... 45 5.3.7 网页样式表标签 .................................................. …… 此处隐藏：7421字，全部文档内容请下载后查看。喜欢就下载吧 ……