firebug的应用

最新推荐文章于 2019-06-23 13:42:40 发布

Helios_nannan

最新推荐文章于 2019-06-23 13:42:40 发布

阅读量1.5k

点赞数 2

分类专栏： jQuery javascript

本文链接：https://blog.csdn.net/woshinannan741/article/details/46842097

版权

javascript 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

jQuery

15 篇文章 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>