javascript开发调试
来源:互联网 发布:在线域名生成器短链接 编辑:程序博客网 时间:2024/06/05 17:43
参考文章http://www.cnblogs.com/see7di/archive/2011/11/21/2257442.html
对于很多刚学js的童鞋来说,最喜欢的就是使用alert()或document.write()进行调试,但是对于alert(),它会阻止代码的执行,对于document.write(),它的主要作用并不是用于调试。下面介绍更加方便,更加强大的调试方法,使用console.log();在JS代码中加入
console.log("Hello console.log");
使用谷歌浏览器DEBUG模式,打开Console,
根据信息的不同性质,console对象还有4种显示信息的方法,分别是一般信息console.info()、除错信息console.debug()、警告提示console.warn()、错误提示console.error()。比如,在网页脚本中插入下面四行:
console.info("这是info"); console.debug("这是debug"); console.warn("这是warn"); console.error("这是error");
可以看到,不同性质的信息前面有不同的图标,并且每条信息后面都有超级链接,点击后跳转到网页源码的相应行。
在一些遍历的操作中,如果你需要一眼目睹所有结果,使用alert调试显然不足,那么你就可以借助log:
var person = { name:'tony', sex:'男', age:'25'}for(i in person ){ console.log(i+':'+person[i]); //alert(i+':'+person[i])}
当然,console.log提供的功能远不止这些,您还可以在它的控制台中做更多的事。如果你给log传递的是一个对象或者数组、HTML元素等,控制台将会显示为一个超链接,点击它您就可以查看该元素的详细信息了,比如您可以输入:
console.log(document.body);
此外,console对象的上面5种方法,都可以使用printf风格的占位符。不过,占位符的种类比较少,只支持字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)四种
console.log("%d年%d月%d日",2011,3,26); console.log("圆周率是%f",3.1415926);
%o占位符,可以用来查看一个对象内部情况。比如,有这样一个对象:
var dog = {};dog.name = "大毛" ;dog.color = "黄色";console.log("%o",dog);
熟练使用console.log,可以让您在javascript调试中省不少麻烦,尤其是面对庞大的框架操作。那么,从现在开始,赶紧去尝试运用吧,你将体会她更多的神奇。
0 0
- javascript开发调试
- JAVASCRIPT开发BUG调试大全
- javascript开发与调试方法
- JavaScript之WEB开发调试利器:Firebug
- 几种javascript开发和调试工具
- 用vs开发工具调试javascript
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- Asp.net 2.0控件开发相关调试(JavaScript调试和自定义控件设计时调试)
- JSTL标签用法
- 蓝桥杯数字游戏
- Rails小知识点积累之一
- 破解TD OA
- Sicily 1343. Jam的计数法
- javascript开发调试
- shiro-入门,快速与springmvc整合,全注解,最简单让项目运行起来
- 判断cpu大小端
- Sicily 1336. Power Mean
- javascript中正则表达式和ruby中的一点差异
- 蓝桥杯算法训练之道路和航路 (邻接表SPFA+SLF优化)
- TPC-H
- PHP笔记--数据库操作
- Sicily 1310. Right-Heavy Tree