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中使用&quot;with&quot;语句中跨frame的变量引用问题
Mar 08 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
Jun 21 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
JS下拉缓冲菜单示例代码
Aug 30 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
May 15 Javascript
jquery遍历标签中自定义的属性方法
Sep 17 Javascript
使用vue + less 实现简单换肤功能的示例
Feb 21 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
vue excel上传预览和table内容下载到excel文件中
Dec 10 Javascript
vue.config.js中配置Vue的路径别名的方法
Feb 11 Javascript
详解React的回调渲染模式
Sep 10 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会话控制实例分析
2016/12/24 PHP
老生常谈php 正则中的i,m,s,x,e分别表示什么
2017/03/02 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
符合标准的js表单提交的代码
2007/09/13 Javascript
基于PHP+Jquery制作的可编辑的表格的代码
2011/04/10 Javascript
javascript中创建对象的几种方法总结
2013/11/01 Javascript
浅析Js中的单引号与双引号问题
2013/11/06 Javascript
JavaScript实现在标题栏上显示当前日期的方法
2015/03/19 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
Vue关于数据绑定出错解决办法
2017/05/15 Javascript
为你的微信小程序体积瘦身详解
2017/05/20 Javascript
理解Angular的providers给Http添加默认headers
2017/07/04 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
2017/08/25 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
在Vue项目中使用Typescript的实现
2019/12/19 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
javascript实现固定侧边栏
2021/02/09 Javascript
[01:53]DOTA2超级联赛专访Zhou 五年职业青春成长
2013/05/29 DOTA
python 不关闭控制台的实现方法
2011/10/23 Python
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
Django JWT Token RestfulAPI用户认证详解
2019/01/23 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
html5 的a标签 Href 拨电话的写法
2013/11/04 HTML / CSS
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
吉列剃须刀美国官网:Gillette美国
2018/07/13 全球购物
Python中如何定义一个函数
2016/09/06 面试题
运动会邀请函范文
2014/02/06 职场文书
周年庆典主持词
2014/04/02 职场文书
领导个人查摆剖析材料
2014/10/29 职场文书
2015年幼儿园个人工作总结
2015/04/25 职场文书
房产遗嘱范本
2015/08/06 职场文书
css position fixed 左右双定位的实现代码
2021/04/29 HTML / CSS
CentOS安装Nginx并部署vue
2022/04/12 Servers