初识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
投稿猜你喜欢
先说明一下为什么要将数组转换成Image类。我处理的图像是FITS (Flexible Image Transport System)文件，- 上一篇：微软建议的ASP性能优化28条守则(7)技巧 22：尽可能使用 Server.Transfer 代替 Response.Redire
- 在Python数据可视化中，seaborn较好的提供了图形的一些可视化功效。seaborn官方文档见链接：http://seaborn.py
- 1．问题描述请编写程序，实现以下功能：在字符串中的所有数字字符前加一个“$”符号。例如，输入A1B2
- 内容摘要：图片切换效果在网页制作中经常被使用，好的切换效果不仅增加了网站的实用行也提升了网站的趣味性。而图片切换方法有的使用flash来实现
- 使用Pycharm的时候需要导入解释器然后安装一些第三方库，讲道理都是project Interpreter里面直接install的。但是打
- 图形由json格式加载，可以灵活配置。下一步是完善用户的操作，做这个感觉还是蛮有意思的。呵呵。截图：部分源码：<script type
- 1. 引言当我们设计软件时，我们通常会花费大量精力来编写高质量的代码。但这往往还不够，一个好的软件还应该考虑其整个系统，如测试、部署、网络等
- 解决办法： 1.新建一个同名的数据库(数据文件与原来的要一致) 2.再停掉sql server(注意不要分离数据库) 3.用原数据库的数据文
- 本文实例为大家分享了Python实现发送QQ邮件的封装代码，供大家参考，具体内容如下封装codeimport smtplibfrom ema
- 本文实例为大家分享了微信小程序实现扫雷游戏的具体代码，供大家参考，具体内容如下实验小提醒，打开微信小程序模板时，一定要看清楚，要选js模板，
- 本次主要是使用selenium模拟登录网页端的TX新闻，本来最开始是模拟请求的，但是某一天突然发现，部分账号需要经过滑块验证才能正常登录，如
- 本文实例讲述了python二分法查找算法实现方法。分享给大家供大家参考，具体如下：二分法查找二分查找又称折半查找，优点是比较次数少，查找速度
- 如何检测某个对象是否有某个属性？第一想到的——没错，in："prop" in obj这很完美，不过，还有不少人热衷下面的
- Pytorch如何完成多分类多分类问题在最后的输出层采用的Softmax Layer，其具有两个特点：1.每个输出的值都是在(0,1)；2.
- 下面通过三种方法给大家介绍Pycharm2020.1安装中文语言插件的方法，大家可以参考下：方法一（在搜索不到插件）：1.安装好Pychar
- matplotlib官网 matplotlib库默认英文字体添加黑体（‘SimHei'）为绘图字体代码：plt.rcPar
- 记录应用程序的操作日志可以使用数据库、文本文件、XML文件等。我这里介绍的是使用 XML 文件记录操作日志。我觉得使用 XML 记录操作日志
- 1. 引言在本文中，我们将研究从列表中选择随机元素的不同实现方法。在日常项目中，我们经常会遇到这种情形，比如随机从多种数据增强策略中选择一种
- 网络爬虫由于一个ip频繁访问同一网站，容易返回456或者被长时间封禁。特别的本机有socks5客户端的设置如下，前提是已经安装了socks5
