Firebug 与 DevTools 的集成(2)

有些自动化系统需要得到的不仅仅是为每个页面创建的加载后的HAR文件，而需要的是有更大的灵活性。有时你需要将数据发送到远程服务器，收集和导出HAR两个特定的用户操作等，这就是为什么我们推出了一个简单的HARExportTrigger扩展，通过提供 HAR API 到网页内容提高自动化程度。这使您随时可以使用小脚本触发HAR。

下面是从网络面板得到 HAR 数据的示例脚本：

var options = { token: "test", getData: true, }; HAR.triggerExport(options).then(result => { console.log(result.data); }); 利用在服务器上的 console.* API

Firebug 的社区已经实施了许多扩展，允许开发者使用 console.*在（HTTP）服务器端API，然后你就能看到在浏览器显示后台日志。此功能现在在 Firefox 中原生支持且你不需要安装额外的扩展。

所有您需要做的是在控制台面板启用服务器内部日志。

此功能支持现有协议（使用 Chrome Logger），发送日志的方式是通过HTTP头到客户端。就好像通过页面 javascript 在控制台面板输出日志一样。有许多服务器端库，提供相应的服务器端 API 在各种语言中（NodeJS，Ruby，Python，PHP，.NET，Java等）

下面是服务器端日志记录的一个例子：

var chromelogger = require('chromelogger'); var http = require('http'); var server = http.createServer(); server.on('request', chromelogger.middleware); server.on('request', function(req, res) { res.chrome.log('Hello from Node.js %s', process.version); res.end(); }); server.listen(7357);

这里是服务器端日志看起来像在控制台面板：

最后的话

正如我在文章开头提到的，我们正在努力统一本地火狐开发人员工具（DevTools）和 Firebug，因为我们认为这是一种很棒的想法，为Web开发人员提供强大的工具。这里还有很多没有提到，但是应该会给你一个对新 Firebug 的大致印象。

请张贴反馈到 ，谢谢。

Firebug 的详细介绍：请点这里
Firebug 的下载地址：请点这里