码迷,mamicode.com
首页 > 其他好文 > 详细

firebug的调试,console

时间:2014-05-17 19:41:31      阅读:370      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   c   java   

console.log()

console.warn()  警告

console.error()  错误

console.group()  分组  console.grounpEnd() 分组结束

console.dir()   输出所有信息

bubuko.com,布布扣
var cat = {};
cat.name = "mm";
cat.sex = "male";
cat.show = function(){
      return ‘aa‘;
};

console.log(cat) //只会显示name和sex的属性
console.dir(cat) //会显示全部,name、sex、show都会显示出来
bubuko.com,布布扣

console.dirxml(obj)  显示当前元素的代码结构

bubuko.com,布布扣
var oDiv = document.getElementById(‘div1‘);

console.dirxml(oDiv);  //显示oDiv的代码结构
bubuko.com,布布扣

console.assert()  断言

bubuko.com,布布扣
var a = 0; //数字0是false;

console.assert(a)   //断言失败,控制台会有信息

console.assert(20 === ‘20‘) //断言失败,控制台会有信息

console.assert(20 == ‘20‘)  //断言成功,控制台没有信息
bubuko.com,布布扣

console.trace()  代码执行的过程

bubuko.com,布布扣
        function  a(){
            return b();
        }
        function b(){
            return c();
        }
        function c(){
            console.trace();
            return 1;
        }
        a();


结果:
    c();
    b();
    a();
    XXX.html;
bubuko.com,布布扣

console.time()   console.timeEnd()    计算代码执行的时间

bubuko.com,布布扣
console.time(‘计时器‘);

for (var i=0;i<100000;i++) {

}

console.timeEnd(计时器‘);
/*
结果:
    计时器:10ms
*/
bubuko.com,布布扣

console.profile()  console.profileEnd()  查看性能(其中控制台-->概况也可以查看性能,先清空控制台,点击概况(概况收集中...),然后在页面上移动/点击,最后再点击概况即可查看到结果)

bubuko.com,布布扣
    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();
bubuko.com,布布扣

 

在其他浏览器中也使用firebug工具

http://getfirebug.com/firebuglite网址,通过<script>引用到页面中(注:需要放在head中)

 

 

 

firebug的调试,console,布布扣,bubuko.com

firebug的调试,console

标签:style   blog   class   code   c   java   

原文地址:http://www.cnblogs.com/joya0411/p/3733304.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!