有谁知道任何可以显示当前查看页面大小的 Firefox 插件?
8 回答
如果您正在优化页面大小(以千字节为单位,而不是像素!),如果您的服务器正在压缩您的输出,您需要知道每个元素的压缩大小。您无法使用标准的网络浏览器“右键单击--> 属性”来获得它。
在另一个回复中提到的 Web Developer Toolbar 扩展就是这样做的。
https://addons.mozilla.org/en-US/firefox/addon/60
我还没有找到另一个工具可以如此方便地报告每个页面元素的压缩和未压缩大小。
安装 Web Developer Toolbar 并转到 Tools-->Web Developer-->Page Information-->View Document Size。非常便利!
Scripts (7 files) 82 KB (243 KB uncompressed)
- http://stackoverflow.com/Content/Js/jquery.package.master.js?d=20081101 39 KB (109 KB uncompressed)
- http://stackoverflow.com/Content/Js/wmd-base.js 15 KB (59 KB uncompressed)
- http://www.google-analytics.com/ga.js 9 KB (22 KB uncompressed)
- http://stackoverflow.com/content/js/jquery.package.question.js?cachebreaker=20090107 8 KB (27 KB uncompressed)
- http://stackoverflow.com/Content/Js/showdown.js 4 KB (10 KB uncompressed)
- http://stackoverflow.com/Content/Js/jquery.package.editor.js?cachebreaker=20081008.1 3 KB (9 KB uncompressed)
- http://stackoverflow.com/Content/Js/wmd-plus.js 3 KB (7 KB uncompressed)
Style Sheets (3 files) 7 KB (27 KB uncompressed)
- http://stackoverflow.com/Content/all.css?d=20081101 6 KB (26 KB uncompressed)
- http://stackoverflow.com/Content/print.css 705 bytes (1 KB uncompressed)
如果有更好的工具,我很想听听。这个功能是唯一让我不会完全放弃 Web Developer Toolbar 以使用 Firebug 的东西。也许 YSlow 会这样做;需要更多研究。
Firebug 的Web 开发工具栏(尺寸)或YSlow(用于页面大小和加载时间)。
如果您想要深入分析,请使用Firebug 。如果您只想要最终数字,请右键单击并“查看页面信息”。
FireFox 视图页面是 HTML 的大小。WebDeveloper add on 分解页面中嵌入的其他请求,例如 CSS、图像、javascripts ......等。
FireBug 允许您查看页面大小和所有附加下载(css 文件、图像等)的大小。它还允许你做各种很酷的调试事情。
您可以使用此插件:lori:请求生命周期信息:- https://addons.mozilla.org/en-US/firefox/addon/1743
它显示完全检索页面所需的时间、总大小(包括浏览器缓存中的项目)以及获取页面的请求数。