Firebug使用技巧

headers

从上图中可以看到，headers部分会展示两个信息：响应头和请求头，分别包含着一些信息，需要注意的是，请求头中包含了User-Agent信息和Cookie值。记得之前有个Firebug的扩展叫Firecookie，现在的Firebug展示了这些信息，这个扩展基本上就没有用了。

PS：貌似之前有个Firefox的插件叫Live Http Header的，嗯，功能基本上也被Firebug集成了。

Response

响应tab显示请求后从服务器返回的数据，嗯，和响应头是不一样的，这里回事一些纯数据，如果是text/*类型(content-type)就会显示原始代码文本，如果是image/*类型，会直接显示相关图片。

浏览器缓存

如果请求的资源使用了缓存，那么这里就会多出一个cache的tab：

post|put请求

如果请求会发送一些数据，这里将会出现另一个tab：

URL参数

如果页面请求中包含一些参数（查询字段），则会有一个Params的tab在前面：

json

如果请求是Json，那么这里会有json的tab，采用弹性分层的结果展示详细的数据：

时间线

firebug的时间线以瀑布图的形式展现，很直观，而当你把鼠标悬浮在时间线上的时候，就会弹出该条时间线的详情的tips，这个tips包含5个阶段和2个事件：

DNS Lookup：DNS查询时间
Connection：创建一个TCP链接花掉的时间
sending：向服务器发送请求需要的时间
Waiting ：等待服务器响应
Receiving：从服务器获取文件消耗的时间
DOMContentLoaded：事件，DOMContentLoaded事件完成的时间（从请求发起时开始，如果这个时候事件已经完成，这里就可能是负值）
Load：事件，页面load事件完成的时间（从请求发起时开始，如果这个时候事件已经完成，这里就可能是负值）

最上面一行，+859ms started表示前面的请求花掉的时间。

Firebug使用技巧相关推荐

【西祠日志】【17】初识AngularJS,下一代Web应用的前端
2015.08.06 周四今天学习状态不错,就是应该这样一点点的努力:今天主要还是把asp留言板任务完善了下,然后我陷入了一种困扰,就是前端的网页耦合性太高,复用也非常不利于SEO优化,考虑如何有更 ...
EasyUI学习-如何使用jQuery EasyUI？
1. 使用步骤 ① 在项目的WebRoot目录下创建js文件夹,导入easy-ui的js包: ② 在HTML页面引入easy ui 的js文件: ③ 编写相应的HTML代码与JS代码. 2 .引 ...
5.1-5.31推荐文章汇总
5.1-5.31推荐文章汇总 [移动开发] Android Volley完全解析(三),定制自己的Request guolin 雄踞AppStore榜首的游戏<别踩到白块儿>源代码分析 ...
Firebug 调试器开发中的12个技巧
Firebug 调试器开发中的12个技巧相信很多从事Web开发工作的开发者都听说和使用过Firebug,但可能大部分人还不知道,其实它是一个在网页设计方面功能相当强大的编辑器,它可以对 HTML.D ...
Firebug Command Line 的使用技巧
Commandlinie是Firebug中总有用的一个特性.如果你有Microsoft Visual Studio的使用经验,你就会知道"Immediate Window" 和&q ...
牛人分享网上订火车票的小技巧:Firefox+Firebug
网购火车票并没有想象的那样美,在春运的巨大压力之下,不少问题渐渐凸显出来:唯一的购票网站系统经常繁忙.报错,导致订不到票:火车票钓鱼网站也随之大增,怎么办?牛人分享Firefox+Firebug网上订 ...
SharePoint 2010自定义母版页小技巧——JavaScript和CSS引用
通常在我们的项目中,都会涉及到母版页的定制.并且必不可少的,需要配合以一套自己的JavaScript框架和CSS样式. 你有没有遇到过这样的情况呢,在开发环境和UAT时都还算顺利,但是当最终部署到生产 ...
应该知道的Linux技巧
这篇文章来源于Quroa的一个问答<What are some time-saving tips that every Linux user should know?>-- Linux用户 ...
手机数据抓包以及wireshark技巧
国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html 内部邀请码:C8E245J (不写邀请码,没有现金送) 国 ...

Firebug使用技巧

Firebug使用技巧相关推荐

最新文章

热门文章