Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Page size: Firefox add on

Does anyone know any Firefox add-on that can show you the size of the current viewing page?

like image 509
Jack Avatar asked Jan 07 '09 22:01

Jack


People also ask

How do I make Firefox fit my screen?

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.

How do I change my Firefox browser size?

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.

How do I find the page size in Firefox?

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.

How do I make the UI bigger in Firefox?

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.


2 Answers

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.

like image 151
John Rose Avatar answered Dec 19 '22 16:12

John Rose


Web Developer Toolbar (dimensions) or YSlow (for page size and loading times) for Firebug.

like image 23
cgreeno Avatar answered Dec 19 '22 14:12

cgreeno