JavaScript错误调试方案

2016-01-29 11:22 4 1 收藏

JavaScript错误调试方案,我们在书写js的过程中,经常会出现一些js错误,对于如果找出错误的解决方法就是关键,下面的文章就是相关的调试方法。 A 使用alert() 和document.write() 方法监视变量值 如果要中断代码的运行,监视变量的值,则 ...

【 tulaoshi.com - Javascript 】

我们在书写js的过程中,经常会出现一些js错误,对于如果找出错误的解决方法就是关键,下面的文章就是相关的调试方法。

A 使用alert() 和document.write() 方法监视变量值
如果要中断代码的运行,监视变量的值,则使用alert() 方法;
如果需要查看的值很多,则使用document.write() 方法,避免反复单击“确定”按钮;

B 使用window.onerror 事件
当页面出现异常时,onerror 事件会在window 对象上触发。它能在一定程度上告诉开发者相关的错误信息。
示例:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/javascript/)

<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 的语法错误。
示例:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/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 问题。

来源:https://www.tulaoshi.com/n/20160129/1482232.html

延伸阅读
标签: Web开发
avascript 代码混淆的目的 Javascript 是一种解释执行的脚本语言,主要应用于 Web 领域的客户端的浏览器中;由于 Javascript 解释执行的特性,代码必须明文下载到客户端,并且可以很容易的进行调试,使得 Javascript 代码的保护非常困难; 不同的人对 Javascript 代码的保护有不同的看法;有的人辛苦努力的代码,却可以被竞争对...
最近在Linux环境下做C语言项目,由于是在一个原有项目基础之上进行二次开发,而且项目工程庞大复杂,出现了不少问题,其中遇到最多、花费时间最长的问题就是著名的“段错误”(Segmentation Fault)。借此机会系统学习了一下,这里对Linux环境下的段错误做个小结,方便以后同类问题的排查与解决。 1. 段错误是什么 一句话来说,段错误是指访...
标签: Web开发
3月26消息,据恶意软件研究人员称,JavaScript编码错误和使用新的编程技术的经验不足的网络开发人员将对许多网站和访问这些网站的用户构成严重的威胁。 据InfoWorld网站报道,SPI Dynamics软件公司主要研究工程师Billy Hoffman在3月24日举行的ShmooCon黑客大会上发表讲话说,企业使用的SPI市场渗透工具引起了在线网站和应用程序中的一...
摘要 最有价值的调试工具是以线程为中心的。大部分 Java 错误都与线程交互有关。多线程调试让开发人员可以查看应用程序中运行的每个线程中的执行情况。 SUN Laura Bennett 多线程调试基础 最有价值的调试工具是以线程为中心的。大部分 Java 错误都与线程交互有关。多线程调试让开发人员可以查看应用程序中运行的每个线...
标签: Web开发
一类是出现乱码,另外一类是出现javascript系统错误:-1072896658的。提示在XX.innerHTML=xmlhttp.responseText;这行。 其实都是因为编码不统一引起的。解决方法就是加入指定字符编码指令。 一、什么是字符编码 定义见:http://zh.wikipedia.org/wiki/%E5%AD%97%E7%AC%A6%E7%BC%96%E7%A0%81。 通俗的讲:你看到的“我”是一张小图片,每个汉...

经验教程

967

收藏

97
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部