如果出于某种原因开发人员继续支持Firefox,那就是Firebug。 Firebug 不仅仅是浏览器插件。 它是使客户端Web开发可以承受的工具。 我坚信,如果没有Firebug,对Ajax,Web2.0和HTML5的采用不会以相同的速度增长。
尽管所有主要的浏览器都提供类似Firebug的控制台,但该工具仍在不断发展,并且版本1.10会在第二天或第二天安装在您的浏览器中。 最新版本提供了许多很棒的新功能和错误修复,因此让我们看一下最好的……
Cookie标签
最明显的新功能是Cookies选项卡,通过它可以过滤,排序,检查,拒绝,创建,修改,复制,导出和删除现有Cookie。
您还可以设置cookie断点和条件。 只需单击断点边距,只要修改该cookie,脚本调试器就会启动。
该功能已在Firebug的Firecookie插件中提供,但是很高兴在主安装中看到它。 我通常使用Web Developer Toolbar来进行cookie管理,但是Firebug的实现却步履维艰。
:focus伪元素支持
在此版本之前,Firebug仅在“样式”菜单中支持:hover和:active状态。 现在,您可以在元素具有焦点时显示应用于它们的样式:
计算的样式文件和位置
现在,“计算的样式”面板将显示每个属性的文件和行。 可以单击链接将您带到该位置:
媒体查询规则编辑
使用媒体查询的CSS @import声明可以直接在CSS标签中进行编辑:
网络字体声明
如果您使用的是网络字体(不是) ,Firebug现在可以将您直接链接到相应的@ font-face代码。 右键单击任何字体名称,然后选择“ 检查声明” 。
控制台改进
该控制台对于评估JavaScript值和代码段至关重要。 现在,在编辑CSS属性,“监视”面板中的变量,断点条件,数字,颜色等时,编辑器具有颜色编码和自动补全功能。
另外,输入“ help ”以查看API命令的摘要。
提速
已进行了许多改进,包括:
- 安装后无需重新启动浏览器
- 延迟加载:Firebug组件仅在需要时启动,因此浏览器启动时间不会受到影响
- 减少了内存需求(尽管只有在几个月内发布的Firefox 15中才会体现出来)。
其他改进
想要更多? 你说对了…
- 您可以通过右键单击选择器并选择Delete“ [rule_name] ”来删除整个CSS规则。
- HTML实体可以显示为符号,名称或Unicode字符-单击HTML选项卡上的下拉箭头。
- 颜色可以十六进制,RGB或HSL格式显示-单击CSS选项卡上的下拉箭头。
- 所有选项卡菜单项都有工具提示帮助。
团队在Firebug 1.10方面做得非常出色。 下一版本的路线图的雄心勃勃的目标是“只有Firebug才能提供的创新功能” !
有关更多信息和安装详细信息,请访问getfirebug.com 。