Does anyone know any Firefox add-on that can show you the size of the current viewing page?
You can click the Maximize button at the top right to leave full screen mode or right click empty space on a toolbar and use "Exit Full Screen Mode" or press F11. Use Restore or Maximize in the right-click context menu of the Taskbar icon to set focus to the Firefox application if you do not see the Firefox window.
Simply open toolbar popup UI and click on the desired layout set (size & position). Once you click a layout, the window will be positioned and resized to the chosen layout.
One way is to go to tools->pageinfo. There, you'll be able tio find various data about the page including size of the page, individual files that make up the page and their sizes, site permissions and security data which the site provides.
Click the “View” tab and choose “Zoom.” Select “Zoom In” from the fly-out menu to increase the display of Web pages in Firefox. Repeat this step to increase Web page display even further.
If you're optimizing your page size (in kilobytes, not pixels!) you need to know both the compressed sizes of each element if your server is gzipping your output. You can't get that with the standard web browser "right-click-->Properties."
The Web Developer Toolbar extension, mentioned in another reply, does this.
https://addons.mozilla.org/en-US/firefox/addon/60
I haven't found another tool that reports the compressed and uncompressed sizes for each page element so conveniently.
Install Web Developer Toolbar and go to Tools-->Web Developer-->Page Information-->View Document Size. Very handy!
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)
If there is a better tool for this, I'd love to hear about it. This feature is about the only thing that keeps me from ditching Web Developer Toolbar entirely for Firebug. Maybe YSlow does this; need to research more.
Web Developer Toolbar (dimensions) or YSlow (for page size and loading times) for Firebug.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With