码迷,mamicode.com
首页 > 编程语言 > 详细

第一百二十三节,JavaScript错误处理与调试

时间:2016-12-17 20:23:05      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:技术   打开   错误处理   选项   记录   机制   row   style   需要   

JavaScript错误处理与调试

 

学习要点:

1.浏览器错误报告

2.错误处理

3.错误事件

4.错误处理策略

5.调试技术

6.调试工具

 

JavaScript在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑。ECMAScript第3版为了解决这个问题引入了try...catch和throw语句以及一些错误类型,让开发人员更加适时的处理错误。

 

一.浏览器错误报告

随着浏览器的不断升级,JavaScript代码的调试能力也逐渐变强。IE、Firefox、Safari、Chrome和Opera等浏览器,都具备报告JavaScript错误的机制。只不过,浏览器一般面向的是普通用户,默认情况下会隐藏此类信息。

IE:在默认情况下,左下角会出现错误报告,双击这个图标,可以看到错误消息对话框。如果开启禁止脚本调试,那么出错的时候,会弹出错误调试框。设置方法为:工具->Internet Options选项->高级->禁用脚本调试,取消勾选即可。

 

Firefox:在默认情况下,错误不会通过浏览器给出提示。但在后台的错误控制台可以查看。查看方法为:工具->[Web开发者]->Web控制台|错误控制台。除了浏览器自带的,开发人员为Firefox提供了一个强大的插件:Firebug。它不但可以提示错误,还可以调试JavaScript和CSS、DOM、网络链接错误等。

 

Safari:在默认情况下,错误不会通过浏览器给出提示。所以,我们需要开启它。查看方法为:显示菜单栏->编辑->偏好设置->高级->在菜单栏中显示开发->显示Web检查器|显示错误控制器。

 

Opera:在默认情况下,错误会被隐藏起来。打开错误记录的方式为:显示菜单栏->查看->开发者工具->错误控制台。

 

Chrome:在默认情况下,错误会被隐藏起来。打开错误记录的方法为:工具->JavaScript控制台。

 

二.错误处理

良好的错误处理机制可以及时的提醒用户,知道发生了什么事,而不会惊慌失措。为此,作为开发人员,我们必须理解在处理JavaScript错误的时候,都有哪些手段和工具可以利用。

try-catch语句

ECMA262第3版引入了try-catch语句,作为JavaScript中处理异常的一种标准方式。

try尝试着执行try包含的代码

catch如果有错误,执行catch,可以接收一个参数e,e是异常对象

第一百二十三节,JavaScript错误处理与调试

标签:技术   打开   错误处理   选项   记录   机制   row   style   需要   

原文地址:http://www.cnblogs.com/adc8868/p/6192837.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!