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 相关文章推荐
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
Dec 27 Javascript
javascript得到当前页的来路即前一页地址的方法
Feb 18 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 Javascript
不得不分享的JavaScript常用方法函数集(上)
Dec 23 Javascript
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
Oct 10 Javascript
AngularJS 文件上传控件 ng-file-upload详解
Jan 13 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
Mar 17 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
Aug 30 Javascript
手把手教你写一个微信小程序(推荐)
Oct 17 Javascript
微信小程序国际化探索实现(附源码地址)
May 20 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服务端图片生成缩略图的方法详解
2013/06/20 PHP
探讨:php中在foreach中使用foreach ($arr as &amp;$value) 这种类型的解释
2013/06/24 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
ThinkPHP基本的增删查改操作实例教程
2014/08/22 PHP
php生成Android客户端扫描可登录的二维码
2016/05/13 PHP
PHP-CGI远程代码执行漏洞分析与防范
2017/05/07 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
jQuery EasyUI 中文API Layout(Tabs)
2010/04/27 Javascript
jQuery中delegate和on的用法与区别详细解析
2014/01/26 Javascript
如何获取网站icon有哪些可行的方法
2014/06/05 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
浅谈使用MVC模式进行JavaScript程序开发
2015/11/10 Javascript
JavaScript动态设置div的样式的方法
2015/12/26 Javascript
bootstrap table 多选框分页保留示例代码
2017/03/08 Javascript
Angular4实现图片上传预览路径不安全的问题解决
2017/12/25 Javascript
利用python微信库itchat实现微信自动回复功能
2017/05/18 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
Python numpy 点数组去重的实例
2018/04/18 Python
Python实现输入二叉树的先序和中序遍历,再输出后序遍历操作示例
2018/07/27 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
Python通过socketserver处理多个链接
2020/03/18 Python
Python控制台实现交互式环境执行
2020/06/09 Python
PyTorch实现重写/改写Dataset并载入Dataloader
2020/07/14 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
python math模块的基本使用教程
2021/01/16 Python
基于HTML5 FileSystem API的使用介绍
2013/04/24 HTML / CSS
linux下进程间通信的方式
2013/01/23 面试题
应用电子技术专业个人求职信
2013/09/21 职场文书
应届生妇产科护士求职信
2013/10/27 职场文书
毕业生个人求职信范例分享
2013/12/17 职场文书
保护动物倡议书
2014/04/15 职场文书
2015年六一儿童节演讲稿
2015/03/19 职场文书
2016年春季运动会通讯稿
2015/11/25 职场文书
react合成事件与原生事件的相关理解
2021/05/13 Javascript
Mysql中存储引擎的区别及比较
2021/06/04 MySQL