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 相关文章推荐
让插入到 innerHTML 中的 script 跑起来的实现代码
Jul 01 Javascript
javascript中的throttle和debounce浅析
Jun 06 Javascript
jQuery Ajax()方法使用指南
Nov 19 Javascript
使用JavaScript 实现的人脸检测
Mar 24 Javascript
TypeScript学习之强制类型的转换
Dec 27 Javascript
利用node.js实现自动生成前端项目组件的方法详解
Jul 12 Javascript
详解如何创建并发布一个 vue 组件
Nov 08 Javascript
微信小程序和百度的语音识别接口详解
May 06 Javascript
JS实现提示框跟随鼠标移动
Aug 27 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
Oct 30 Javascript
如何使用 vue-cli 创建模板项目
Nov 19 Vue.js
vue中三级导航的菜单权限控制
Mar 31 Vue.js
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
hessian 在PHP中的使用介绍
2010/12/13 PHP
详解WordPress中调用评论模板和循环输出评论的PHP函数
2016/01/05 PHP
Yii的Srbac插件用法详解
2016/07/14 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
php设计模式之代理模式分析【星际争霸游戏案例】
2020/03/23 PHP
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
2013/01/03 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
2013/12/04 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
2015/04/06 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
BootStrap文件上传样式超好看【持续更新】
2016/05/10 Javascript
JS实现数字格式千分位相互转换方法
2016/08/01 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
2016/08/30 Javascript
nodejs搭建本地服务器并访问文件的方法
2017/03/03 NodeJs
bootstrap实现动态进度条效果
2017/03/08 Javascript
利用CDN加速react webpack打包后的文件详解
2018/02/22 Javascript
改变vue请求过来的数据中的某一项值的方法(详解)
2018/03/08 Javascript
使用webpack-dev-server处理跨域请求的方法
2018/04/18 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
js tab栏切换代码实例解析
2019/09/03 Javascript
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
python制作mysql数据迁移脚本
2019/01/01 Python
python梯度下降算法的实现
2020/02/24 Python
Django choices下拉列表绑定实例
2020/03/13 Python
对python中list的五种查找方法说明
2020/07/13 Python
django使用多个数据库的方法实例
2021/03/04 Python
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
JYSK加拿大:购买家具、床垫、家居装饰等
2020/02/14 全球购物
班主任工作经验材料
2014/02/02 职场文书
爱情寄语大全
2014/04/09 职场文书
财务情况说明书范文
2014/05/06 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
中学图书馆工作总结
2015/08/11 职场文书
浅谈MySql整型索引和字符串索引失效或隐式转换问题
2021/11/20 MySQL