瓯北网站制作系统百度搜图

Firebug是最初的开发人员控制台，尽管Webkit和Opera竞争加剧，但它仍然是最好的。 过去一周发布了1.11版，它应该已经自动出现在Firefox安装中。 如果不是，请从主菜单中单击“ 加载项” ，然后单击“ 检查更新”按钮。 或者，转到getfirebug.com并从那里下载。

新版本修复了120多个问题，并实现了40项增强功能。 这包括…

新的CSS查询选择器工具

这很棒。 切换到CSS标签，右键单击任意选择器，然后选择获取匹配元素 。 在右侧的“元素”窗格中显示与选择器匹配的所有元素的列表：

复制并粘贴HTML

复制段已有一段时间，但是Firebug现在允许您将HTML，XML或SVG代码直接粘贴到DOM中。 右键单击任何元素，选择“ 粘贴HTML”，然后选择插入代码的方式：

性能时序图

页面下载完成后，在控制台中输入performance.timing ，您将看到一个交互式图形：

哪里：

• 页面加载是加载页面所需的总时间
• 等待是服务器响应开始之前花费的时间
• 接收下载时间
• DOM处理构建DOM所需的时间
• DOMContentLoaded处理DOMContentLoaded事件所需的时间
• onLoad处理onLoad事件所需的时间

您可以将鼠标悬停在任何时间轴上以获取更多详细信息。

样式记录

如果您在控制台中始终缺少消息，则可以使用%c变量将不同的样式应用于输出。 例如：

console.log("%cred-text %cgreen-text", "color:red", "color:green");

产生：

window.postMessage（）事件

Windows和框架之间的发布消息被记录到控制台：

这将显示原始窗口/框架URL，数据消息和目标窗口/框架对象。

SPDY协议支持

SPDY（快速发音）是一种相当新的类似于HTTP的网络协议，它使用压缩，多路复用和优先级划分来提高下载速度。 Firebug的“网络”面板现在指示何时使用SPDY：

新的include（）命令

include()命令将JavaScript文件加载到当前页面中，例如

include("http://mysite.com/mylib.js");

如果经常这样做，则可以一次创建一个别名，然后使用该引用，例如

include("http://mysite.com/mylib.js", "mylib");
include("mylib");

Firebug已有将近7年的历史，但开发团队仍在继续添加创新的新功能。 对于许多人来说，这是使用Firefox作为其开发浏览器的主要原因。

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