zoukankan      html  css  js  c++  java
  • GBin1分享:10个帮助你精通Firebug控制台的技巧

    日期:2011/10/08       原文:jquery4u.com       翻译:GBin1.com

    今天GBin1分享给大家一些jQuery4u撰写的firebug控制台实用技巧,帮助你真正了解并且掌握Firebug控制台。

    如果你不知道什么是firebug,那么GBin1建议你查看这篇文章: 主流浏览器中常用的Javascript开发Debug工具,这篇文章我们介绍了什么是Firebug并且如何配置和安装。

    技巧1:隐藏烦人的错误

    firebug有一些选项可以帮助你隐藏那些烦人的错误信息!(你有可能看到这些错误如果你的代理服务器配置信息过期了,如果你在上班那么和你管理员查验一下是否使用正确的.pac文件)。这些选项也可以帮助你隐藏其它类型的错误!

    GBin1分享:10个帮助你精通Firebug控制台的技巧

    技巧2:快捷键的使用

    使用快捷键而非直接点击”RUN“按钮可以帮助你方便快捷的”运行“,这样效率更高!

    技巧3:Firebug控制台表格

    创建一个firebug控制台表格 - 简单的拷贝如下代码来看看效果吧!

    var table1 = new Array(5);
    for (var i=0; i<table1.length; i++)
        table1[i] = [i+1, i+2, i+3, i+4, i+5, i+6, i+7];
    console.table(table1);

    GBin1分享:10个帮助你精通Firebug控制台的技巧

    技巧4: Console.dir()

    使用console.dir()而非console.log()的好处在于对于对象,数组及其其它类型,它将直接得显示,这样比较节约时间。你可以简单的输入 dir(对象的名字)  到firebug控制台。 我非常喜欢这个功能。

    GBin1分享:10个帮助你精通Firebug控制台的技巧

    注意Dir可以没有控制台工作,而log则不行

    JQUERY4U = {
        url:'http://www.jquery4u.com',
        mainTopics:'jquery,javascript'
    }
    dir(JQUERY4U); //works without console.
    log(JQUERY4U); //doesn't

    技巧5:Console.debug()

    使用Console.debug()而非console.log()的好处在于在debug你的js代码时它丢掉了很多让你很烦的垃圾信息。对于经常使用的人来说特别有用。

    技巧6:创建书签

    你可以使用firebug控制台来快速的创建代码书签。简单的按下:拷贝 > 右键点击书签条 > 点击粘贴。搞定!。现在你随时需要的时候可以点击那个书签来运行代码,甚至为了测试目的。

    ...

    希望以上的技巧能够帮助大家更好的掌握firebug的使用。

    原文来自: GBin1分享:10个帮助你精通Firebug控制台的技巧

  • 相关阅读:
    linux磁盘挂载
    3个方法解决百度网盘限速 (2018-07-20)
    mysql状态分析之show global status
    Cgroups子系统介绍
    Go语言 关键字:defer
    Go语言 map的实现
    Go语言 基本类型
    MySQL 监控指标
    sshpass的使用方法
    C++11 std::ref使用场景
  • 原文地址:https://www.cnblogs.com/gbin1/p/2202370.html
Copyright © 2011-2022 走看看