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

firebug的应用

时间:2015-07-11 16:50:27      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:

firebug再前端调试中起到了很好的作用能看到DOM的性能,以及检测,比如运用console.log()就是要比alert();好一些这样增强的页面的连续性并且console.warn()和console.error也在浏览器中的控制台中报错或者弹出警告,这样也是很有用的,如果运用多个log是不容易看清的,这样就可以这样分组 //console.group("this is one");
    //console.log(1);
    //console.groupEnd();这样分组的好处就是能看出需要调试的是哪一代码;有的时候console.log不能完全显示这样就能吧log换位dir这样就能完全显示

虽然这个在谷歌和火狐上是有用的,但是在IE上也是可以的只需要在有网的情况下加入<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>这一样代码,在在IE也就可以用了

也可以先把资源下载下来https://getfirebug.com/firebuglite然后在文件里引用就可以了




<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题</title>
    <script type="text/javascript">
    ///////////////////////
    //console.log(1285); //
    ///////////////////////
    //console.warn("this is a warn ");
    //console.group("this is one");
    //console.log(1);
    //console.groupEnd();

    //console.group("this is two");  //代表分组
    //console.log(2);
    //console.groupEnd();//分组结束
    //var cat={};
    //cat.color="red";
    //cat.name1="shang";
    //cat.name2="shang";
    //cat.name3="shang";
    //cat.name4="shang";
    //cat.name5="shang";
    //cat.show=function(){
    //    return "cat";
    //}
    //console.log(cat);
    //console.dir(cat);//这个相比于前面是全部显示
    //var odiv1=document.getElementById(‘div1‘);
    //console.dirxml(odiv1); // 显示当前元素的结构代码
    //console.log(58);
    
    //var a=0;
    //console.assert(a);


    //function a(){
    //    return b();
    //}
    //function b(){
    //    return c();
    //}
    //function c(){
    //    console.trace();
    //    return 132;
    //}
//a();
    
    //console.time("时间");//这里要写一个标题也就是双引号里面的东西
    //for(var i=0;i<1000000000;i++){}
    //console.timeEnd("时间");//前后都需要有标题
//而且相同    //

    </script>
</head>
<body>
<div id="div1">
    <span>16746</span>>
</div>
</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

firebug的应用

标签:

原文地址:http://blog.csdn.net/woshinannan741/article/details/46842097

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