可以用来调试JavaScript错误的解决方案
更新时间：2010年08月07日 20:42:45 作者：
我们在书写js的过程中，经常会出现一些js错误，对于如果找出错误的解决方法就是关键，下面的文章就是相关的调试方法。
A 使用alert() 和document.write() 方法监视变量值
如果要中断代码的运行，监视变量的值，则使用alert() 方法；
如果需要查看的值很多，则使用document.write() 方法，避免反复单击“确定”按钮；
B 使用window.onerror 事件
当页面出现异常时，onerror 事件会在window 对象上触发。它能在一定程度上告诉开发者相关的错误信息。
示例：
<script type="text/javascript">
function myerror(_message,_url,_line)
{
alert("错误信息：" + _message
+"\n错误的URI：" + _url
+"\n错误的行数：" + _line
);
return true; //屏蔽系统的事件
}
//绑定错误事件
window.onerror = myerror;
//触发错误示例：
window,onload = test;
</script>
注意：在IE 中，触发error 事件后，正常的代码会继续运行，所有的变量和数据都会保存下来，在其onerror 事件处理方法中可以正常访问到；而在Firefox 中，触发error 事件后，一切都结束，所有的变量和数据都将被销毁。
C 使用 try...catch 语句找错误
示例：
<script type="text/javascript">
try
{
alert(触发异常);
}
catch (_ex) //可以省略“_ex”参数
{
var err = "错误信息";
for (var i in _ex)
{
err += "\n参数名：" + i
+ "\t参数值：" + _ex[i];
}
alert(err); //打印错误
}
finally //finally 可以被省略...
{
alert("finally 总是会运行");
}
</script>
注意：try...catch 并不能很好的处理JavaScript 的语法错误。
示例：
<script type="text/javascript">
try
{
alert("触发语法错误")); //多了半边“)”
}
catch (_ex) //可以省略_ex参数
{
var err = "错误信息";
for (var i in _ex)
{
err += "\n参数名：" + i
+ "\t参数值：" + _ex[i];
}
alert(err); //打印错误
}
</script>
该示例并没有进入catch 块中。
D 使用相关调试器
在IE 和Firefox 浏览器中，可以使用相关的调试器或插件对JavaScript 进行调试。
● 在Firefox 浏览器中，可以使用其自带的“错误控制台”。操作步骤如下：
打开Firefox 浏览器 → 在菜单条“工具”中 → 选择“错误控制台”即可。
在没有其他插件的情况下，其自带的“错误控制台”是一个非常不错的选择。
另外，在Firefox 浏览器中，还有一些很不错的调试器，如：Venkman、Firebug 等。
Venkman 调试器安装后，可以在Firefox 浏览器 → 在菜单条“工具”中 → 选择“JavaScript Debugger ”命令启用；
Firebug 调试器安装后，可以在Firefox 浏览器 → 在菜单条“工具”中 → 选择“Firebug”→ 选择“打开 Firebug”即可；
● 在IE 浏览器中，可以使用 Microsoft Script Debugger 调试器
Microsoft Script Debugger 是微软随IE 4 一同发布的一个IE插件，可以从微软的官方网站上免费下载。
下载安装以后，必须将IE 浏览器的调试选项打开才能使用。操作步骤如下：
1> 打开IE 浏览器 → 选择菜单栏的“工具”→ “Internet 选项”命令 → “高级”选项卡 → 将“禁用脚本调试（Internet Explorer ）”复选框中的勾去掉即可。
2> 当IE 浏览器正在浏览页面时，运行Microsoft Script Debugger 调试器工具即可进行调试。
在Microsoft Script Debugger 调试器的 Running Document 面板中选择开启的页面文件（只读），然后按F9 可以设置断点调试。另外，其Command Window 面板也是一个很有用的功能，它能在代码断点停止时，在其中输入变量名并回车，便可看到此时变量的值；Command Window 面板甚至可以接受简单的JavaScript 命令。但Microsoft Script Debugger 调试器自身还存在一个bug 问题。
如果要中断代码的运行，监视变量的值，则使用alert() 方法；
如果需要查看的值很多，则使用document.write() 方法，避免反复单击“确定”按钮；
B 使用window.onerror 事件
当页面出现异常时，onerror 事件会在window 对象上触发。它能在一定程度上告诉开发者相关的错误信息。
示例：
复制代码 代码如下:
<script type="text/javascript">
function myerror(_message,_url,_line)
{
alert("错误信息：" + _message
+"\n错误的URI：" + _url
+"\n错误的行数：" + _line
);
return true; //屏蔽系统的事件
}
//绑定错误事件
window.onerror = myerror;
//触发错误示例：
window,onload = test;
</script>
注意：在IE 中，触发error 事件后，正常的代码会继续运行，所有的变量和数据都会保存下来，在其onerror 事件处理方法中可以正常访问到；而在Firefox 中，触发error 事件后，一切都结束，所有的变量和数据都将被销毁。
C 使用 try...catch 语句找错误
示例：
复制代码 代码如下:
<script type="text/javascript">
try
{
alert(触发异常);
}
catch (_ex) //可以省略“_ex”参数
{
var err = "错误信息";
for (var i in _ex)
{
err += "\n参数名：" + i
+ "\t参数值：" + _ex[i];
}
alert(err); //打印错误
}
finally //finally 可以被省略...
{
alert("finally 总是会运行");
}
</script>
注意：try...catch 并不能很好的处理JavaScript 的语法错误。
示例：
复制代码 代码如下:
<script type="text/javascript">
try
{
alert("触发语法错误")); //多了半边“)”
}
catch (_ex) //可以省略_ex参数
{
var err = "错误信息";
for (var i in _ex)
{
err += "\n参数名：" + i
+ "\t参数值：" + _ex[i];
}
alert(err); //打印错误
}
</script>
该示例并没有进入catch 块中。
D 使用相关调试器
在IE 和Firefox 浏览器中，可以使用相关的调试器或插件对JavaScript 进行调试。
● 在Firefox 浏览器中，可以使用其自带的“错误控制台”。操作步骤如下：
打开Firefox 浏览器 → 在菜单条“工具”中 → 选择“错误控制台”即可。
在没有其他插件的情况下，其自带的“错误控制台”是一个非常不错的选择。
另外，在Firefox 浏览器中，还有一些很不错的调试器，如：Venkman、Firebug 等。
Venkman 调试器安装后，可以在Firefox 浏览器 → 在菜单条“工具”中 → 选择“JavaScript Debugger ”命令启用；
Firebug 调试器安装后，可以在Firefox 浏览器 → 在菜单条“工具”中 → 选择“Firebug”→ 选择“打开 Firebug”即可；
● 在IE 浏览器中，可以使用 Microsoft Script Debugger 调试器
Microsoft Script Debugger 是微软随IE 4 一同发布的一个IE插件，可以从微软的官方网站上免费下载。
下载安装以后，必须将IE 浏览器的调试选项打开才能使用。操作步骤如下：
1> 打开IE 浏览器 → 选择菜单栏的“工具”→ “Internet 选项”命令 → “高级”选项卡 → 将“禁用脚本调试（Internet Explorer ）”复选框中的勾去掉即可。
2> 当IE 浏览器正在浏览页面时，运行Microsoft Script Debugger 调试器工具即可进行调试。
在Microsoft Script Debugger 调试器的 Running Document 面板中选择开启的页面文件（只读），然后按F9 可以设置断点调试。另外，其Command Window 面板也是一个很有用的功能，它能在代码断点停止时，在其中输入变量名并回车，便可看到此时变量的值；Command Window 面板甚至可以接受简单的JavaScript 命令。但Microsoft Script Debugger 调试器自身还存在一个bug 问题。
相关文章
![js 变量类型转换常用函数与代码[比较全]](//img.jbzj.com/images/xgimg/bcimg0.png)
脚本之家收集了一些 数字与字符之间的转换，数组转为字符等函数代码。2009-12-12
这篇文章主要介绍了velocity.js实现页面滚动切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
js内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着,垃圾回收机制就是间歇的不定期的寻找到不再使用的变量,并释放掉它们所指向的内存,这篇文章主要给大家介绍了关于js内存泄漏场景、如何监控及分析的相关资料,需要的朋友可以参考下2021-11-11
今天小编就为大家分享一篇layui table设置前台过滤转义等方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
最近在使用uniapp开发项目,有刷脸实名认证的需求,下面这篇文章主要给大家介绍了关于uniapp实现人脸识别功能的具体实现,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
本节主要介绍了JS判断变量是否为空是否null的方法,需要的朋友可以参考下2014-07-07
这篇文章主要为大家详细介绍了原生JS实现登录框邮箱提示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章给大家分享基于js设置随机出现2个数字的实例代码，在文章下面给分享js产生随机数的几个用法介绍，感兴趣的朋友一起看看吧2017-07-07
本节主要为大家介绍了js返回前一页如何刷新本页重载页面的方法，需要的朋友可以参考下2014-07-07
一个正则表达式要如何书写才能同时匹配这两个数字呢？简单的字符表达式当然无法完成了，这个时候我们就可以定义一个字符集合（字符类）来进行匹配。这就是分组匹配了2015-04-04
![js 变量类型转换常用函数与代码[比较全]](http://img.jbzj.com/images/xgimg/bcimg0.png)
最新评论