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 相关文章推荐
些很实用且必用的小脚本代码
Jun 26 Javascript
JavaScript 继承详解(一)
Jul 13 Javascript
JavaScript获取/更改文本框的值的实例代码
Aug 02 Javascript
Javascript selection的兼容性写法介绍
Dec 20 Javascript
jquery制作搜狐快站页面效果示例分享
Feb 21 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
js实现移动端导航点击自动滑动效果
Jul 18 Javascript
浅谈Angular 的变化检测的方法
Mar 01 Javascript
Node.js原生api搭建web服务器的方法步骤
Feb 15 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
May 30 Javascript
vue下使用nginx刷新页面404的问题解决
Aug 02 Javascript
JS FormData对象使用方法实例详解
Feb 12 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
zend optimizer在wamp的基础上安装图文教程
2013/10/26 PHP
PHP实现图片压缩的两则实例
2014/07/19 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
asp函数split()对应php函数explode()
2019/02/27 PHP
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
jQuery中:only-child选择器用法实例
2015/01/03 Javascript
js简单实现竖向tab选项卡的方法
2015/05/04 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
AngularJS页面传参的5种方式
2017/04/01 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
JS非空验证及邮箱验证的实例
2017/08/11 Javascript
深入理解ES7的async/await的用法
2017/09/09 Javascript
微信小程序身份证验证方法实现详解
2019/06/28 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
JavaScript实现点击自制菜单效果
2021/02/02 Javascript
Python实现SMTP发送邮件详细教程
2021/03/02 Python
Python 搭建Web站点之Web服务器与Web框架
2016/11/06 Python
Python标准模块--ContextManager上下文管理器的具体用法
2017/11/27 Python
Python语言描述最大连续子序列和
2017/12/05 Python
python使用锁访问共享变量实例解析
2018/02/08 Python
Python中矩阵创建和矩阵运算方法
2018/08/04 Python
用CSS3实现Win8风格的方格导航菜单效果
2013/04/10 HTML / CSS
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书
个人借款协议书范本
2014/11/17 职场文书
护士年终个人总结
2015/02/13 职场文书
2015年学校党支部工作总结
2015/04/01 职场文书
大学考试作弊检讨书
2015/05/06 职场文书
上诉状格式
2015/05/23 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书
多人股份制合作协议书
2016/03/19 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
python如何读取.mtx文件
2021/04/22 Python
为什么在foreach循环中JAVA集合不能添加或删除元素
2021/06/11 Java/Android
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS
【海涛dota解说】一房久违的影魔魂守二连发
2022/04/01 DOTA