javascript脚本调试方法小结


Posted in Javascript onNovember 24, 2008

1、 alert方法
这也是十分原始的方法,但调试起来十分麻烦。
2、 debugger方法
首先打开Internet选项——高级,将“禁用脚本调试(Internet Explorer)”的勾去掉
如果想其他浏览器也启用调试,那么可以把“禁用脚本调试(其他)”的勾也去去掉。
然后在你想需要地方进行调试,就加入debugger,如
<script type="text/javascript">
debugger;
var s="debugger可调试";
alert(s);
</script>
用ie打开该页面,就会出现自动调用VS2005进行调试.
点击是,像平时一样按F10或F11就可以进行调试了

正在或者准备从事javascript编程的人都会使用这个神奇的东西,感到无比自豪。
它几乎可以实现你所想要的任何功能,在不借助任何工具的情况下。
然后,使用过他的人都会知道,这种编程脚本,查询出错或者叫做调试吧,比较麻烦。

下面,我结合自己的一些经验,当然也有一部分自来互联网了。呵呵
1、使用alert函数
这个函数在调试的时候,运用是最多的,针对某个变量或者数组之类的,认为那个地方可能存在问题,就在那个地方alert输出一下,呵呵。
2、使用编辑器的语法高亮功能
针对一些拼写,可能存在错误的地方,使用带有语法高亮功能的编辑器不失为一个好方法,当前有语法高亮功能的编辑器比较多,如editplus、UltraEdit、Dreamweaver等等,如果是在编写代码的时候有关键字(或许准确的保留字吧)拼写错误,就会以不同的颜色给出。
document.write("hello World!");
如果上句中的保留字发生拼写错误,颜色会给出提示,
documents.write("hello World!");
3、注意大小要区分(注意,html是不区分大小写的,但是你的js代码直接写在html里面,就造成了好像要区分大小的现象,这个一定要注意)
在这种脚本语言中是要严格区分大小写的,如果拼写错误,不但颜色不对,还会造成方法错误,不能继续往下执行。
4、括号的配对
这里的括号就包括常用的大括号、小括号,在进行检查的时候这个是一个重点。
5、严格执行代码缩排风格
这个也是相当重要的,特别是在查询错误的时候,当然,你也不能因为这个才保持这种风格了,很会节约时间的。
6、使用浏览器运行调试
其实每一种浏览器都对错误有显示功能,如IE系列、FF等,只是你没有发现而也,这里重点说一下FF的调试功能,特别好用的。
FF自身就有一个错误控制台的功能,开启之后,就会提示错误信息。
当然,最好用的还是要数Web Developer和FireBug插件了,这两个插件的使用方法有很多文章都有介绍。

Javascript 相关文章推荐
JavaScript 嵌套函数指向this对象错误的解决方法
Mar 15 Javascript
收集的10个免费的jQuery相册
Feb 26 Javascript
window.open关于浏览器拦截问题分析及解决方法
Feb 05 Javascript
js中onload与onunload的使用示例
Aug 25 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
Oct 17 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
May 03 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
微信小程序实现红包雨功能
Jul 11 Javascript
javascript实现小型区块链功能
Apr 03 Javascript
createElement动态创建HTML对象脚本代码
Nov 24 #Javascript
javascript innerHTML、outerHTML、innerText、outerText的区别
Nov 24 #Javascript
javascript call和apply方法
Nov 24 #Javascript
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
Nov 24 #Javascript
javascript 贪吃蛇实现代码
Nov 22 #Javascript
js利用div背景,做一个竖线的效果。
Nov 22 #Javascript
JavaScript使用技巧精萃[代码非常实用]
Nov 21 #Javascript
You might like
PHP用mysql数据库存储session的代码
2010/03/05 PHP
php读取EXCEL文件 php excelreader读取excel文件
2012/12/06 PHP
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
php使用GD2绘制几何图形示例
2017/02/15 PHP
PHP数组中头部和尾部添加元素的方法(array_unshift,array_push)
2017/04/10 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
Prototype Template对象 学习
2009/07/19 Javascript
JavaScript类和继承 constructor属性
2010/03/04 Javascript
解决WordPress使用CDN后博文无法评论的错误
2015/12/15 Javascript
深入剖析JavaScript:Object类型
2016/05/10 Javascript
jQuery基于ajax操作json数据简单示例
2017/01/05 Javascript
Jquery EasyUI $.Parser
2017/06/02 jQuery
angular4强制刷新视图的方法
2018/10/09 Javascript
js对象数组和对象的使用实例详解
2019/08/27 Javascript
Vue如何提升首屏加载速度实例解析
2020/06/25 Javascript
Nuxt配置Element-UI按需引入的操作方法
2020/07/06 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
2020/08/06 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
[52:14]VG vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python单例模式实例分析
2015/04/08 Python
用Python编写一个基于终端的实现翻译的脚本
2015/04/24 Python
python解决方案:WindowsError: [Error 2]
2016/08/28 Python
使用python批量读取word文档并整理关键信息到excel表格的实例
2018/11/07 Python
python使用KNN算法识别手写数字
2019/04/25 Python
如何通过python的fabric包完成代码上传部署
2019/07/29 Python
Python通过socketserver处理多个链接
2020/03/18 Python
django表单中的按钮获取数据的实例分析
2020/07/31 Python
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
Spartoo美国:欧洲排名第一的在线时装零售商
2019/12/12 全球购物
个人求职信范文分享
2013/12/13 职场文书
优秀的个人求职信范文
2014/05/09 职场文书
幼儿园迎国庆65周年活动策划方案
2014/09/16 职场文书
Python自然语言处理之切分算法详解
2021/04/25 Python