firebug2.0.7_Firebug 2.0的新功能

firebug2.0.7

Firefox 30 was released on June 10, 2014. It’s a little lackluster but Mozilla are entitled to a break following the browser’s major overhaul in version 29. The most interesting changes:

Firefox 30于2014年6月10日发布。虽然有些乏味，但Mozilla有权在浏览器对版本29进行大修后进行休息。 最有趣的变化：

• a new background-blend-mode CSS3 property which defines how background colors and images blend together (overlay, multiply, lighten, etc.)

  一个新的background-blend-mode CSS3属性 ，它定义背景颜色和图像如何融合在一起(叠加，乘法，变亮等)。

• Box model highlighting and console.count support in the developer console.

  开发者控制台中的框模型突出显示和console.count支持。

• It’s now impossible to remove default drop-down arrow styling on select boxes with -moz-appearance: none or the text-indent hack (Bugzilla 649849). Thanks Mozilla — my forms look crappy again and I can’t write that article now!

  现在，无法删除带有-moz-appearance: none select框上的默认下拉箭头样式-moz-appearance: none或text-indent ( Bugzilla 649849 )。 谢谢Mozilla-我的表单看起来又糟透了，我现在不能写这篇文章！

More significantly, Firebug 2.0 has been launched. It’s taken a while to reach the milestone given the project is almost a decade old and the current trend for rapidly-incrementing version numbers. The world’s first (good) developer console was starting to fall behind its imitators as vendors improved native browser tools.

更重要的是， Firebug 2.0已启动。 鉴于该项目已经存在了近十年，并且当前版本数量Swift增加的趋势，因此花了一段时间才达到了这个里程碑。 随着供应商改进了本机浏览器工具，世界上第一个(好的)开发人员控制台开始落后于其模仿者。

Firebug 2.0 implements several new features and enhancements…

Firebug 2.0实现了一些新功能和增强功能…

界面更新 (Interface Update)

The interface has received a refresh. Panels can be shown or hidden from the main Firebug menu:

接口已刷新。 面板可以在Firebug主菜单中显示或隐藏：

In addition, we’ve finally received syntax highlighting:

此外，我们终于收到了语法突出显示：

活动检查员 (Events Inspector)

The new Events panel in the HTML tab lists all events attached to the selected DOM element and links to the script handler. Chrome’s Inspector has had this feature for a while and it’s incredibly useful:

HTML选项卡中新的事件面板列出了附加到所选DOM元素的所有事件，并链接到脚本处理程序。 Chrome浏览器的Inspector拥有此功能已有一段时间了，它非常有用：

JavaScript表达式检查 (JavaScript Expression Inspection)

The value of any variable or expression can be inspected by hovering the cursor over the code:

可以通过将光标悬停在代码上来检查任何变量或表达式的值：

改进的自动完成 (Improved Auto-Completion)

Code auto-completion is available on most panels — press tab to open the suggestion drop-down and select an item. It can also be used when editing HTML/SVG attributes and within a breakpoint condition:

大多数面板上都提供代码自动补全功能-按Tab键打开建议下拉菜单并选择一个项目。 在编辑HTML / SVG属性时以及在断点条件内也可以使用它：

杂项更新 (Miscellaneous Updates)

As well as the usual bug fixes and speed improvements, you can also look forward to using the following features:

除了通常的错误修复和速度改进之外，您还可以期待使用以下功能：

• Scripts can be de-minified using the “{}” icon.
  可以使用“ {}”图标缩小脚本的大小。
• HTML attributes can be added quickly by clicking the ‘>’ of the opening tag.
  单击开始标记的“>”可以快速添加HTML属性。

• Console messages from the same line are grouped (uncheck Group Log Messages on the Console tab drop-down menu to show all messages).

  来自同一行的控制台消息被分组(取消选中“ 控制台”选项卡下拉菜单上的“ 组日志消息 ”以显示所有消息)。

• The search box permits CSS selectors and regular expressions.
  搜索框允许CSS选择器和正则表达式。

• CSS color values can now be shown ‘As Authored’ (as well as hex, RGB or HSL) in the CSS panel drop-down menu.

  CSS颜色值现在可以在CSS面板下拉菜单中显示为“已创建”(以及十六进制，RGB或HSL)。

• Registered mutation observers can be inspected by issuing a getEventListeners(element) command from the console.

  可以通过从控制台发出getEventListeners(element)命令来检查已注册的变异观察者。

萤火虫的未来 (Firebug’s Future)

Firefox’s native development tools are great but I still switch to Firebug when I need deeper analysis. It remains my favorite developer console but that’s probably because I’ve been using it since the early alpha days. Some will complain it doesn’t have functionality found elsewhere, although third-party extensions more than make up any shortfall.

Firefox的本机开发工具很棒，但是当我需要更深入的分析时，我仍然会切换到Firebug。 它仍然是我最喜欢的开发人员控制台，但这可能是因为自从早期Alpha版本以来我就一直在使用它。 有些人会抱怨说它没有在其他地方找到功能，尽管第三方扩展弥补了任何不足。

Development may diminish over time now vendors are competing to add better browser tools. However, this may never have occurred if it weren’t for Joe Hewitt’s revolutionary add-on. It’s beneficial having a non-vendor creating developer tools unencumbered by commercial, political and technical pressures.

现在，随着供应商竞相添加更好的浏览器工具，开发工作可能会逐渐减少。 但是，如果不是乔·休伊特(Joe Hewitt)的革命性附件，这可能永远不会发生。 由非供应商创建不受商业，政治和技术压力限制的开发人员工具，这是有益的。

If you’re a web developer, you need Firefox and Firebug should be the first add-on you install.

如果您是网络开发人员，则需要Firefox，而Firebug应该是您安装的第一个附加组件。

翻译自: https://www.sitepoint.com/whats-new-firebug-2-0/

firebug2.0.7