初识Firebug 全文 — firebug的使用（4）
作者：zt 发布时间：2007-10-23 12:54:00
标签：firebug,firefox,插件
可视化的CSS尺标
我们可以利用Firebug来查看页面中某一区块的CSS样式表，如果进一步展开右侧Layout tab的话，它会以标尺的形式将当前区块占用的面积清楚地标识出来，精确到象素，更让人惊讶的是，你能够在这个可视化的界面中直接修改各象素的值，页面上区块的位置就会随改动而变化。在页面中某些元素出现错位或者面积超出预料值时，该功能能够提供有效的帮助，你可以籍此分析offset、margin、padding、size之间的关系，从而找出解决问题的办法。
图5：Firebug中的CSS标尺
网络状况监视器
也许有一天，你的老板或者客户找到你，抱怨你制作的网页速度奇慢，你该如何应对？你或许会说这可能是网络问题，或者是电脑配置问题，或者是程序太慢，或者直说是他们的人品问题？不管怎么说，最后你可能被要求去解决这个有多种可能的问题。
网络状况监视器能帮你解决这个棘手问题。Firebug的网络监视器同样是功能强大的，它能将页面中的CSS、javascript以及网页中引用的图片载入所消耗的时间以矩状图呈现出来，也许在这里你能一把揪出拖慢了你的网页的元凶，进而对网页进行调优，最后老板满意客户欢喜，你的饭碗也因此而牢固。
网络监视器还有一些其它细节功能，比如预览图片，查看每一个外部文件甚至是xmlHttpRequests请求的http头等等。
图6：网络状况监视器
0
投稿猜你喜欢
- 一、什么是匿名函数？在Javascript定义一个函数一般有如下三种方式：函数关键字(function)语句：function f
- 五一在家写的，和大家分享，支持所有浏览器,添加了左侧菜单点击变色效果<!DOCTYPE html PUBLIC "-//W3
- JavaScript中的字符串函数没有像VBScript＼ASP中的内部函数那么全.不能像VB那样直接利用left和right函数来实现对字
- a {}{ background:url(images/normal.gif); } a:ho
- 樂思蜀将SEO工作中所需要的301转向代码进行了整理，收藏并分享，以备查阅。1、IIS下301设置 Internet信息服务管理器 ->
- PL/SQL是ORACLE对标准数据库语言的扩展，ORACLE公司已经将PL/SQL整合到ORACLE 服务器和其他工具中了，近几年中更多的
页面重构需要考虑的一个重点是XHTML代码语义化，就算是在无任何CSS样式修饰的情况下也能给他人在阅读时带来便利，甚至可以夸张点说在搜索引擎- 很多朋友对FrontPage2003中增加的网页布局功能很感兴趣，现在我们一起来深入了解这一实用功能。用FrontPage2003的“布局表
- 注意，下述部分主要与DOUBLE和FLOAT列相关，原因在于浮点数的不准确本质。MySQL使用64位十进制数值的精度执行DECIMAL操作，
- Monster是Alipay UED推出的网站代码分析、质量检测及评分的浏览器扩展，它能智能分析CSS、JS、HTML内容并生动形象展示网页
- 你用过css么？当然，我是指你喜欢做网页的话，用过？很好，那你用过它的特效么？没有？那请跟我来。让我先
- 这段时间我一直在说设计需要有层次感，这种层次感可能有很多类型，比如色彩的层次感，或是元素的层次感。当一个设计缺乏层次感的时候页面所表现出来的
- 在ASP.NET中，如何连接 SQLServer数据库？连接数据库：<％@ Import Namespace=&q
- 技巧 16：如果页面需要很长时间才能完成，那么执行前使用 Response.IsClientConnected 如果用户性急，他们可能会在您
- 使用select @@identity 得到刚插入数据的ID1.适用于所有 ADO 版本<％Dim loConn,
- 大家都在关注视觉的盛宴，西方的美学；今天就分享下，中国最为古老的美，也是身边随处可见的美学–中国汉字书法之美；古文者，仓颉做造也。仰观奎星园
- 1.建表代码如下:-- Create table create table test ( dm1 char(3), dm2 char(3),
- 名称：YUI Compressor最新版本：2.4.2用途：js/css压缩必备指数：使用难度：（YUI Compressor非常易用，只是
- 很长时间以来，一直想将自己的一些零碎的想法总结下，给自己一个完整的思维，也算是做个存档。一家之言，绝不敢说对别人会有什么帮助，对外人的层面上
- 下面是我写的NumericStepper：谢谢 果果 和 Rimifon ， 我对代码进行了完善， 支持自适应小数位数：
