`
yiminghe
  • 浏览: 1453014 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

firebug 1.6 更新功能

阅读更多

来源:firebug 1.6 release note


前端不可或缺的工具,也是至今仍在用 firefox 的首要因素,1.6进行了大幅革新,界面的变化显而易见,而这只是冰山一角:

 

1.控制台命令行更新

 

1.1 命令行在各个控制面板都可用


此前一直不如 chrome inspector 的地方终于得以弥补,并且单行模式支持自动补全以及添加类似浏览器浏览历史的前进后退功能

 

 

1.2 新 api : console.table 加入,更利于结构化数据的显示

 

 

 

3.增加过滤按钮,允许根据级别对 log 信息进行过滤

 

目前分为错误(error),警告(warn),消息(系统触发),调试信息(debug)四个级别以及一般的 log(只能在所有下查看)。同时改进了提示背景色。

 

 

4.支持输入框的复制粘贴事件记录,不要忘记记录事件的功能:

 

 

 

2.HTML 控制面板

 

2.1 支持 html 部分子树节点的全部展开

 

 

 

2.2 支持复制 xpath 时,加入命名空间,主要用于查看 xml ,不常用

 

2.3 直接显示 doctype,不用再看乱乱的源码了

 

 

2.4 表示 html 节点路径的面包屑支持滚动显示


注意两边的小三角

 

 

 

 

 

3. CSS 控制面板

 

3.1 支持css声明复制

 

不用再受手动复制带来的冗余困惑,声明点处右键即可

 

 

3.2 计算样式分组支持折叠

 

 

 

3.3 支持 !import 自动补全

 

1.5 支持一般属性的自动补全,这个也是水到渠成

 

 

 

4 脚本控制面板

 

4.1 支持 debugger 关键字生效与否

可随时终止debugger所带来的单步调试,对于循环中调试特别有用!

 

 

 

 

 

4.2 堆栈信息引入折叠,每个调用函数占用一行

 

 

 

4.3 作用域链的最上层 window 被单独提出

 

作用域链平坦化显示,不分层了

 

4.4 脚本文件列表有了上下滚动按钮,并且可以在上面输入进行过滤

 

 

 

5 DOM 控制面板

 

5.1 竟然可以显示 dom 节点的 __proto__ 隐藏原型

 

 

 

6 网络控制面板

 

6.1 支持显示前进后退时由于缓存而不产生 http 请求的文件列表

 

革新,fiddler 对此就一筹莫展了,

 

 

7 其他

 

7.1 高亮显示搜索失效

 

 

 

 

  • 大小: 23.6 KB
  • 大小: 11.9 KB
  • 大小: 13.8 KB
  • 大小: 14 KB
  • 大小: 15.4 KB
  • 大小: 7.4 KB
  • 大小: 8.8 KB
  • 大小: 14.6 KB
  • 大小: 10.8 KB
  • 大小: 4.8 KB
  • 大小: 23.7 KB
  • 大小: 18 KB
  • 大小: 17.8 KB
  • 大小: 35.7 KB
  • 大小: 14.4 KB
  • 大小: 5.8 KB
  • 大小: 12.7 KB
  • 大小: 7.7 KB
  • 大小: 30.8 KB
分享到:
评论
3 楼 77tt77 2011-05-27  
强大。
2 楼 mydev.cn 2010-12-07  
网页开发的利器。
1 楼 georgewing 2010-12-01  
firebug 1.6 版改进很大呀

相关推荐

    firebug 1.6 最终版

    首先,让我们详细了解一下Firebug的核心功能: 1. **JavaScript调试**:Firebug的JavaScript调试器是其最显著的特点之一。它可以设置断点,让程序在特定行暂停,方便开发者检查变量值、调用堆栈和执行路径。此外,...

    firbug1.6 web调试好工具

    在Firebug 1.6版本中,其功能得到进一步增强和完善,成为网页设计师和前端开发者不可或缺的重要工具之一。通过Firebug,开发者可以在不影响页面正常运行的情况下,实时查看和修改HTML文档结构、样式定义、脚本代码等...

    firebug1.4

    "firebug1.4"版本是该工具的一个历史迭代,它在2009年左右发布,是当时非常流行且功能全面的Web开发插件。 1. **HTML检测**:Firebug1.4允许开发者实时查看并编辑网页的HTML结构。通过此功能,开发者可以检查页面...

    最新firebug,好东西,最新整理

    标题中提到的"最新Firebug"可能指的是当时最新的版本1.6X.0a10,这是一个Alpha版本,意味着它是开发阶段的一个早期版本,可能包含一些未完成或不稳定的功能。尽管如此,它仍然提供了许多实用的功能,比如: 1. **...

    extjs 3.4 开发前准备

    - 浏览器:推荐使用Firefox,因为它配合Firebug能提供强大的JavaScript调试功能。对于跨浏览器兼容性测试,IE仍然是不可忽视的一部分。 - Firebug: 作为Firefox的插件,提供源代码查看、断点调试、性能分析等功能。 ...

    Firefox扩展

    6. **Rainbow{1.6}.xpi** - Rainbow是一款颜色选取和调色工具,对于网页设计师来说非常有用。它可以方便地获取页面上的颜色代码,并进行颜色搭配实验。 7. **FireGestures{1.8.6}.xpi** - 使用鼠标手势可以执行各种...

    ExtJS教程.pdf

    随着版本更新,Ext-2.0的文档结构有所变化: - **API文档**: 虽然仍然存放在`docs`目录下,但现在API文档依赖于Ajax技术加载内容,这意味着无法直接在本地计算机上查看文档。用户需要将整个发行包部署到服务器上并...

    手把手__SELENIUM_JAVA搭建_总结篇.docx

    一旦环境配置完成,你就可以开始编写自动化测试脚本,对Web应用进行详尽的测试,确保其功能的正确性和稳定性。这个过程虽然涉及到多个组件的安装和配置,但是一旦设置好,后续的测试工作将会变得高效且易于维护。

    javascript

    浏览器环境的选择也很重要,常见的浏览器有IE、Firefox(可安装Firebug插件)、360浏览器等。Web服务器的选择包括Tomcat6等,需要配合JDK1.6进行安装,并设置好JAVA环境变量。 在实训课程中,JQuery的介绍和应用...

    ext+js深入浅出

    - **调试工具Firebug**:Firebug是一款强大的浏览器插件,支持Firefox、Chrome等多种浏览器,用于帮助开发者调试JavaScript代码。它能够实时查看和修改HTML、CSS和JavaScript,极大提高了开发效率。 - **开发利器...

    深入浅出ExtJS第2版

    1.6 辅助开发 4 1.6.1 调试工具Firebug 4 1.6.2 开发利器Spket 7 1.7 本章小结 10 第2章 EXT框架基础 11 2.1 EXT的事件和类 11 2.1.1 自定义事件 11 2.1.2 浏览器事件 13 2.1.3 Ext.lib.Event 13 2.1.4 ...

    AJAX教程

    1.6 使用场合:AJAX适合于需要实时更新、无需整个页面刷新的应用场景,如Google Maps、Gmail等。 1.7 设计考虑:实施AJAX时需注意性能优化、用户体验、兼容性以及安全问题。 1.8 小节:AJAX技术的兴起是为了解决...

    Ext Js权威指南(.zip.001

    1.6 本章小结 / 33 .第2章 从“hello world”开始 / 34 2.1 获取ext js 4 / 34 2.2 配置使用ext js库 / 35 2.3 编写“hello world”程序 / 37 2.4 关于ext.onready / 38 2.5 关于ext.blank_image_url / 40 ...

Global site tag (gtag.js) - Google Analytics