firebug的调试,console
console.log()
console.warn() 警告
console.error() 错误
console.group() 分组 console.grounpEnd() 分组结束
console.dir() 输出所有信息
var cat = {}; cat.name = "mm"; cat.sex = "male"; cat.show = function(){ return 'aa'; }; console.log(cat) //只会显示name和sex的属性 console.dir(cat) //会显示全部,name、sex、show都会显示出来
console.dirxml(obj) 显示当前元素的代码结构
var oDiv = document.getElementById('div1'); console.dirxml(oDiv); //显示oDiv的代码结构
console.assert() 断言
var a = 0; //数字0是false; console.assert(a) //断言失败,控制台会有信息 console.assert(20 === '20') //断言失败,控制台会有信息 console.assert(20 == '20') //断言成功,控制台没有信息
console.trace() 代码执行的过程
function a(){ return b(); } function b(){ return c(); } function c(){ console.trace(); return 1; } a(); 结果: c(); b(); a(); XXX.html;
console.time() console.timeEnd() 计算代码执行的时间
console.time('计时器'); for (var i=0;i<100000;i++) { } console.timeEnd('计时器‘); /* 结果: 计时器:10ms */
console.profile() console.profileEnd() 查看性能(其中控制台-->概况也可以查看性能,先清空控制台,点击概况(概况收集中...),然后在页面上移动/点击,最后再点击概况即可查看到结果)
function a(){ for (var i=0;i<10;i++) { b(); } for (var i=0;i<20;i++) { c(); } function b(){ var b = 10; } function c(){ var c = 20; } } console.profile(); a(); console.profileEnd();
在其他浏览器中也使用firebug工具
http://getfirebug.com/firebuglite网址,通过<script>引用到页面中(注:需要放在head中)