首页 > 教程 > 关键词  > 总结最新资讯  > 正文

Firebug中的console tab使用总结

2009-05-12 11:29 · 稿源:cnblogs.com

Firebug对于Web开发人员来说,已经成为了不可或缺的工具,但是在我日常的工作中,常常感觉还没有能够深刻的挖掘出她的潜力,今天花了点时间仔细研究了Console和命令行的使用在提高工作效率方面的作用,
记下来和大家分享一下.

Firebug一共有Console,HTML,CSS,Script,DOM,NET六个Tab,今天着重说一下Console的用法。

其实我们对于Console应该非常熟悉,因为这里是Firebug给出各种信息的窗口,而这也正是Console的主要用途,日志记录(Logging)。

除此之外,Console还提供了通过命令行方式来调试Javascript的方法。下面就来学习一下Console的用法。

1、Firefox的日志记录(Logging in Firefox)。

通过Console的记录方法,我们可以不再使用烦人的alert或者document.write方法来进行调试。

Firebug提供了五种日志的类型:

    console.log:记录一行信息,无任何图标提示;
   
    console.debug:记录一行信息,带超链接,可以链接到语句调用的地方;
   
    console.error():向控制台中写入错误信息,带错误图标显示和高亮代码链接;
   
    console.info():向控制台中写入提示信息,带信息图标显示和高亮代码链接;
   
    console.warn():向控制台中写入警告信息,带警告图标显示和高亮代码链接;

    consle打印字符串支持字符串替换,使用起来就像c里面的printf(“%s",a),支持的类型包括:
    %s        string,字符串
    %d,%i    整型
    %f        浮点
    %o        对象
    如果使用%o的话,对象就会用绿色的超链接表示出来,单击后会将你带到DOM视图。

2、分组(Grouping)。

    如果某一类的信息特别多时,分组就有利于逻辑的划分。
   
    使用上很简单,参见代码。
   
            function consoleGroup(){
                var groupname = "Group 1";
                console.group("Message group %s", groupname);
                console.log("This is the 1 message in %s", groupname);
                console.log("This is the 2 message in %s", groupname);
                console.log("This is the 3 message in %s", groupname);
                console.groupEnd();
               
                goupname = "Group 2";
                console.group("Message group %s", goupname);
                console.log("This is the 1 message in %s", goupname);
               
                var subgroupname = "Sub group 1";
                console.group("Message group %s",subgroupname);
                console.log("This is the 1 message in %s", subgroupname);
                console.log("This is the 2 message in %s", subgroupname);
                console.log("This is the 3 message in %s", subgroupname);
                console.groupEnd();
               
                console.log("This is the 2 message in %s", goupname);
                console.groupEnd();
            }

3、console.dir和console.dirxml

    console.dir可以将一个对象的所有方法和属性打印出来,这个方法无疑是非常有用的,我们不再需要object.toString这样的方法支持了,只要有firebug,查看对象也变得很轻松

  • 相关推荐
  • 大家在看
  • 感受传统皮具的魅力 上寺库看看COACH TABBY

    亚洲领先的线上线下精品生活方式平台寺库一直致力于为高端用户提供精品商品。最近,小编偶然发现在寺库上已经可以找到COACH TABBY 斜挎包,喜欢喜欢COACH的朋友们可千万不要错过呀。 COACH, 1941 年始于纽约,如今已成为广为人知的手袋、配饰和礼物的品牌。产品系列包括女士手袋、男士包款、男士及女士小皮具、鞋履、服饰、手表、旅行用品、围巾、太阳眼镜、香水、时尚首饰等。 COACH是美国经典皮件品牌,代表美式自由风格和传统?

  • Forkast携手AAX,于11月10日举办 “Bitcoin & Beyond”线上峰会

    中国香港,10月12日——亚洲首屈一指的数字货币、区块链及新兴技术新闻媒体Forkast.News携手伦敦证券交易所集团技术驱动的下一代加密货币交易所AAX,将于11月10日(星期三)共同举办“Bitcoin & Beyond”年度全球峰会。这个为期一天的线上活动将就该行业目前面临的最复杂及最密切相关的问题进行讨论和剖析。比特币在各国的采用情况是怎样的?有哪些更广泛的经济和政治影响?比特币网络上的创新发展如何?宇宙探索与数字资产的崛起?

  • Facebook Connectivity推出可加速光纤部署的机器人

    为了实现“帮助十亿人用上更快的互联网”的目标,Facebook Connectivity 正在积极开发各种新技术,其中就包括了一款名叫 Bombyx 的机器人。据悉,Bombyx 能够在通常需要耗费较多时间的场景下,更快地完成光缆的安装部署。此外还有一项名叫 Terragraph 的无线技术,以满足光缆难以抵达的“最后一英里”的客户需求。早些时候,Facebook 介绍了名为2Africa Pearls 的新海底光缆项目,旨在更好地连接欧亚非地区的互联网。Facebook 首席

  • BepiColombo航天器在重力辅助操纵中捕捉到水星的高清图像

    021年10月1日,欧洲和日本的BepiColombo联合任务捕捉到了水星的一张高清图象,当时该航天器正飞过水星以进行重力辅助机动。这张图片是在协调世界时昨天的23:44:12由水星传输模块的监控相机2拍摄的,当时航天器距离水星约2418公里,最接近的时候距离水星仅199公里。2在这个视图中,水星的北方是朝向右下方的,相机提供了1024 x 1024像素的高分辨率黑白快照。图像显示的区域是水星北半球的一部分,包括被熔岩淹没的Sihtu Planitia。?

  • macOS Monterey正酝酿通过“高功率”模式来提升MacBook性能

    早在 2020 年 1 月,9to5Mac 就报道称,苹果正在开发一种新颖的“专业模式”,以便 MacBook 用户能够解除一些节能限制,从而最大化设备的性能表现。现在,我们又从 macOS Monterey 最新测试版中发现了类似的功能,只是它的名字已改成更加直观的“高功率模式”。9to5Mac 指出,苹果在 macOS Catalina(10.15.3)中首次提到了“专业模式”(Pro Mode)。内部代码将此电源选项描述为能够让应用程序运行得更快,同时警告电池续航会缩减

  • Facebook正持续研究BOLT'ing以提高Linux内核执行性能

    几年来,Facebook的工程师们一直在研究BOLT,作为一种加速Linux/ELF二进制文件运行的方法。这个"二进制优化和布局工具"能够在分析后重新排列可执行文件,以产生比编译器的LTO和PGO优化所能达到的更好的性能,BOLT的最新工作之一是优化Linux内核。与允许对Linux内核进行轮廓引导优化(PGO)的挑战类似,BOLTing Linux内核也面临着类似的复杂障碍,这些障碍围绕着对内核的相关工作负载进行适当的轮廓分析/取样优化、内核的庞大代码库

  • Anker推出Soundcore Liberty 3 Pro TWS,提供ANC、LDAC支持和改进设计

    Anker推出了新的Soundcore Liberty3Pro TWS,与上一代产品相比进行了多次升级。最大的一个是主动噪声消除(ANC),它利用6个麦克风和HearID–一个可以显示外观和耳内压力以及噪声大小的功能来个性化噪声消除模式。有三种透明模式,从基本的完全透明模式开始。另外两种方法要么在抑制环境噪声的同时增强人声,要么只是提高人声的音量。BUBS支持多点连接和基于AI的通话降噪。Liberty3Pro Bubs支持高质量LDAC编解码器,并通过高分辨率

  • 摩托罗拉Moto Tab G20发布:采用Helio P22T芯片 8英寸屏幕

    正如预期的那样,摩托罗拉今天早些时候宣布了其Moto Tab G20Android平板电脑。该设备配备HD+分辨率的8英寸LCD,联发科HelioP22T芯片和5100毫安时电池。这些规格听起来很熟悉,因为它们与联想的第三代Tab M8平板电脑几乎是一样的。Moto Tab G20拥有单一配置的3GB内存和32GB存储组合,还有一个用于扩展的microSD插槽。机身正面包含一个200万像素的前置摄像头,500万像素的住摄像头位于机身后方。杜比全景声(Dolby Atmos)来自底部安

  • CoinBene满币消息:腾讯注册QQ音乐元宇宙商标

    今日热点新闻,CoinBene满币援引于各官网。01、腾讯注册QQ音乐元宇宙商标天眼查App显示,近日,腾讯科技(深圳)有限公司申请注册“QQ音乐元宇宙”“腾讯音乐元宇宙”商标,国际分类含教育娱乐、通讯服务、科学仪器等。目前商标状态均为申请中。此前,腾讯曾申请注册“王者元宇宙”“QQ元宇宙”等数十个元宇宙商标。02、首个购物中心NFT产品正式上线由后海汇与奇点计划共同创作的动态像素艺术品“HOUHAIHARBOUR CU SOON”正式在NFT

  • OWC为Mac和iPad推出新款DisplayPortThunderbolt适配器

    OWC推出了新款DisplayPort适配器,允许用户使用一个Thunderbolt端口将两个4K显示器或一个8K显示器连接到他们基于Intel的Mac设备。Thunderbolt双DisplayPort适配器使用DisplayPort1.4,为多显示器设置带来更好的性能和更高的分辨率。该适配器还支持Thunderbolt,并且是总线供电的,因此不需要额外的电源适配器。OWC的新显示适配器可以支持30Hz的单个8K显示器,或者通过显示流压缩(DSC)支持大于30Hz的8K。此外,它可以驱动多达两个

这篇文章对你有价值吗?

  • 热门标签

热文

  • 3 天
  • 7天