Firebug 1.10的新增功能

如果出于某种原因开发人员继续支持Firefox,那就是Firebug。 Firebug 不仅仅是浏览器插件。 它是使客户端Web开发可以承受的工具。 我坚信,如果没有Firebug,对Ajax,Web2.0和HTML5的采用不会以相同的速度增长。

尽管所有主要的浏览器都提供类似Firebug的控制台,但该工具仍在不断发展,并且版本1.10会在第二天或第二天安装在您的浏览器中。 最新版本提供了许多很棒的新功能和错误修复,因此让我们看一下最好的……

Cookie标签

最明显的新功能是Cookies选项卡,通过它可以过滤,排序,检查,拒绝,创建,修改,复制,导出和删除现有Cookie。

Firebug Cookie选项卡

Firebug Cookie断点 您还可以设置cookie断点和条件。 只需单击断点边距,只要修改该cookie,脚本调试器就会启动。

该功能已在Firebug的Firecookie插件中提供,但是很高兴在主安装中看到它。 我通常使用Web Developer Toolbar来进行cookie管理,但是Firebug的实现却步履维艰。

:focus伪元素支持

在此版本之前,Firebug仅在“样式”菜单中支持:hover和:active状态。 现在,您可以在元素具有焦点时显示应用于它们的样式:

Firebug:焦点样式伪元素

计算的样式文件和位置

现在,“计算的样式”面板将显示每个属性的文件和行。 可以单击链接将您带到该位置:

Firebug计算样式

媒体查询规则编辑

使用媒体查询的CSS @import声明可以直接在CSS标签中进行编辑:

Firebug 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

From: https://www.sitepoint.com/firebug-1-10-whats-new/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值