firebug再前端调试中起到了非常好的作用能看到DOM的性能,以及检測。比方运用console.log()就是要比alert();好一些这样增强的页面的连续性而且console.warn()和console.error也在浏览器中的控制台中报错或者弹出警告,这样也是非常实用的。假设运用多个log是不easy看清的,这样就能够这样分组 //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的应用的更多相关文章

  1. 开发者最爱的Firebug停止更新和维护

        近日,Firebug团队在其官网上宣布,Firebug将不再继续开发和维护,并邀请大家使用Firefox的内置开发工具.     Firebug最初是2006年1月由Joe Hewitt编写, ...

  2. firebug不能加载JS文件 ,无法进行JS脚本调试

    提示: 本页面不包含 Javascript 如果 <script> 标签有 "type" 属性,其值应为 "text/javascript" 或者& ...

  3. Firebug中调试中的js脚本中中文内容显示为乱码

    Firebug中调试中的js脚本中中文内容显示为乱码 设置 页面 UFT-8 编码没用, 解决方法:点击 "Firebug"工具栏 中的"选项"---" ...

  4. Firebug调试js代码

    Firebug功能异常强大,不仅可以调试DOM,CSS,还可以调试JS代码,下面介绍一下调试JS. 1.认识console对象 console对象是Firebug内置的对象,该对象可以在代码中写入,可 ...

  5. 修改Firebug字体

    Firebug是一件非常好用的调试工具,然而默认的字体有些单调,设置里又没有更改的选项,那么字体到底能不能更改呢?这个问题困扰了我好久,直到今天我才偶然发现了解决方案. Firebug属于火狐的一个插 ...

  6. Selenium FF WebDriver 加载firebug 和设置代理

    首先这次使用的webDriver for Firefox的 由于项目的原因,需要在测试的时候加载Firebug和使用vpn,加载代理 Firefox 加载代理,可以从FF菜单上看,代理分为好几种 我这 ...

  7. [资源分享]yslow 与firebug 修复版本Firefox35【绿色版本下载】

    自从火狐也开始做版本帝后,相关查的插件越来越不好使了, 而且火狐集成自己的调试工具,也不是很好使用,Yslow 也坏掉了 找公司写c++修复了下 把yslow和Firebug 打包到一起,而且关闭自动 ...

  8. 10分钟学会前端调试利器——FireBug

    概述 FireBug是一个用于网站前端开发的工具,它是FireFox浏览器的一个扩展插件.它可以用于调试JavaScript.查看DOM.分析CSS.监控网络流量以及进行Ajax交互等.它提供了几乎前 ...

  9. 利用firebug调试功能辅助了解闭包和this

    算一算,有段时间没写博客. 上午的时候翻看以前收藏的一个系列博文<深入理解javascript原型和闭包>, 讲闭包那节:http://www.cnblogs.com/wangfupeng ...

  10. 工欲善其事必先利其器——web调试工具firebug

    一.Firebug工具简介 firebug是firefox下的一款开发类插件.firebug集html查看和编辑,JavaScript控制台,网络状况监视器于一体,是开发JavaScript,css, ...

随机推荐

  1. 13C++异常处理

    异常处理 14.1.1 异常处理的任务 程序编制者不仅要考虑程序没有错误的理想情况,更要考虑程序存在错误时的情况,应该能够尽快地发现错误,消除错误. 程序中常见的错误有两大类: 语法错误和运行错误.在 ...

  2. 2.C# 输入一个整数,求质因数

    C# 输入一个整数,求质因数 List<int> results = new List<int>(); int number = Int32.Parse(Console.Rea ...

  3. Android反编译初步

    网上关于Android反编译的帖子很多,反编译的步骤也是很详细,本文Android反编译参考博客:https://www.cnblogs.com/dhcn/p/7120891.html 而反编译中最主 ...

  4. 循环中i++和++i哪个好

    推荐使用++i,因为不需要返回临时对象,执行效率更高.

  5. Linux从入门到适应(四):Ubuntu 16.04环境下,安装Nvidia驱动,cuda9.2和 cudnn

    在安装深度学习框架之前,cuda和cudnn是必须要提前安装的,现在按照流程而nvidia驱动的版本和cuda版本有这一些对应关系,所以需要按照版本进行安装,现在说一下如何安装: 1 安装nvidia ...

  6. 笔试算法题(14):整数二进制表示中的1 & 判定栈的push和pop序列是否对应

    出题:输入一个整数,要求计算此整数的二进制表示中1的个数 分析: 如果整数表示为k,当其是负数的时候,使用1<<i分别检测k的每一位:当其位整数的时候,则k/2表示将其二进制表示右移一位, ...

  7. linux与linux之间共享目录

    1.安装必要的包 nfs-utils           rpcbind (nfs是基于sun公司的rpc通信实现的,所以要装rpcbind) 这2包,在服务端和客户端都需要安装,并启动服务. 启动 ...

  8. CURL PHP模拟浏览器get和post

    模拟浏览器get和post数据需要经常用到的类, 在这里收藏了几个不错的方法 方法一 <?php define ( 'IS_PROXY', true ); //是否启用代理 /* cookie文 ...

  9. 自媒体人Chrome浏览器必备插件精选神器!

    自从互联网时代起,浏览器使用从最早的IE,到opera,到猎豹浏览器,到360双核浏览器,到火狐,到safari,到目前最喜欢用的chrome.一路下来,chrome的稳定性与扩展性征服了我,成了我必 ...

  10. odoo 权限配置讲解

    今天来讲解一下odoo权限配置的简单讲解,配合公司开发的权限模块的使用,进行odoo权限配置的说明 BaseSecurityExtend 2.0模块 这是公司自主开发的一款针对odoo菜单级别进行可视 ...