Js问题定位调试.docVIP

Js问题定位调试 Js问题定位调试 PAGE / NUMPAGES Js问题定位调试 Js问题定位调试 使用相关调试器 ● 在 Firefox 浏览器中，可以使用其自带的 “错误控制台 ”。操作步骤如下： 打开 Firefox 浏览器→在菜单条 “工具 ”中→选择 “错误控制台 ”即可。 在没有其他插件的情况下，其自带的 “错误控制台 ”是一个非常不错的选择。 另外，在 Firefox 浏览器中，还有一些很不错的调试器，如： Firebug 等。 Firebug 调试器安装后，可以在 Firefox 浏览器→在菜单条 “工具 ”中→选择 “ Firebug→” 选择 “打开 Firebug ”即可 ,默认快捷方式是 F12； ● 在 chrome 浏览器中，可以使用其自带的 “错误控制台 ”来调试 Chrome Developer Tool ● 在 IE 浏览器中，可以使用 Microsoft Script Debugger 调试器 下载安装以后，必须将 IE 浏览器的调试选项打开才能使用。 操作步骤如下： 1 打开 IE 浏览器→选择菜单栏的 “工具 ”→ “ Internet 选项 ”命令→ “高级 ”选项卡→将 “禁用脚本调试（ Internet Explorer ） ”复选框中的勾去掉即可。 2 当 IE 浏览器正在浏览页面时， 运行 Microsoft Script Debugger 调试器工具即可进 行调试。 对于 IE 浏览器 ,低版本的兼容问题比较棘手 ,可以采用 IEtester 来模拟不同的 IE 版本来调试 问题 (当然 ,有些问题在 IEtester 下并不能重现 ) 常用调试方法 2.1 添加断点 可以采用上述的调试工具进行添加断点来实时跟踪变量的值的变化 2.2 使用 alert() 和 document.write() 或者 console.log() 方法监 视变量值 如果要中断代码的运行，监视变量的值，则使用 alert() 方法； 如果需要查看的值很多，则使用 document.write() 方法，避免反复单击 “确定 ”按钮； 对于 console.log(),低版本的 iE 是不支持的 ,当代码编写完成后 ,应该记得 将其去掉 2.3 使用 window.onerror 事件 当页面出现异常时， onerror 事件会在 window 对象上触发。它能在一 定程度上告诉开发者相关的错误信息。 示例： 注意： 在 IE 中，触发 error 事件后，正常的代码会继续运行，所有的变量和数据都会保存 下来，在其 onerror 事件处理方法中可以正常访问到； 而在 Firefox 中，触发 error 事件后， 一切都结束，所有的变量和数据都将被销毁。 2.4 使用 try...catch 语句找错误 script type function {  =text/javascript myerror ( _message, _url , _line ) alert  ( 错误信息：   + _message +\n 错误的 URI： + _url +\n 错误的行数： + _line ); return true ; // 屏蔽系统的事件 } 绑定错误事件 window . onerror = myerror ; 触发错误示例： window , onload = test ; / script 注意： try...catch 并不能很好的处理 JavaScript 的语法错误 ,但是可以 大致找到错误发生的区域 常用错误问题表现 3.1 直接报 js 语法错误 这是最简单的 ,需要检查是否因为多敲了个括号 },或者是变量名写错 ,表 示为声明 ,总之这种问题很好追踪 . 3.2 js 报错，但报错地点不是出问题的根源 这种情况大部分可以解决，但有时候完全不知道是从哪里引用过来的， 这种时候会相当的头疼。 3.3 js 无报错，但功能无效 这种情况更糟糕，完全没有头绪了 那我告诉你，往往这种时候最终 解决错误的方法更容易。 根据特征，往往能够快速定位错误的大概位置，便于进一步查找问题。 3.4 Js 在某些浏览器中有效 ,某些浏览器中无效 这就涉及到了浏览器中 js 的兼容性问题 ,一般情况下是低版本 IE(IE8及以 下)和其他高级浏览器之间的差异 .当然也有高级浏览器之间的兼容性问 题.对于这些问题一般是需要查阅资料和丰富的调试经验. 3.5. 功能基本正常，但是偶现 bug 这种问题不好定位， 因为时出现不是出现，最关键的问题是要注意抓住细节，找准规律，判断到底是什么情况才会出现，这样，就可以轻松解决了。 在这里，我举两个