I really like the new Firefox however I keep getting back to Chrome since when using the dev tools I need to see the current screensize when resizing. Could this feature be implemented?
You can get the same when you enable the rulers in Firefox: https://developer.mozilla.org/en-US/docs/Tools/Rulers
- You have to enable the Rulers Toggle under the DevTools Settings
- Then turn it on
- Then you should see the dimensions in the top right corner:
Does this solve your problem?
It can be implemented for sure, in fact, it’s already here
- Go to the settings panel
- Turn on “Toggle ruler” under the “Available Toolbox Buttons” section
- Click on the ruler button in the toolbar
- Enjoy the rulers and the small page size indicator.
Note that if you are dealing with responsive layouts and have a set of pre-defined page size to check, you can use the responsive design mode and create the sizes that you need
Thank you but I still do not see the dimensions (window width as a number). I do see the ruler. FF 58.0b5 dev edition, Mac High Sierra. Edit - on Windows I also do not see any dimension numbers as in your screenshots?
Right, this is in Nightly only (pushed 2 days ago https://bugzilla.mozilla.org/show_bug.cgi?id=1402633 )
This will be in FF 59
Alternatively, you can try to download Nightly to get all the cool stuffs as soon as they are built
wasn’t it worth it? because now it’s gone again. I know of the responsive design mode, but that’s not what I need, I need the overly-simple functionality to show me the current viewport resolution in either the status bar or some tiny overlay. I don’t understand, why this isn’t there once again, not even in the developer edition. There’s no reason and the resp. design mode is clearly not the same. I want to be able to resize my browser and immediately see the new viewport size. Why is it not there? And if it is: good job in hiding it
Did you turn on the rulers as Nicolas described? Doing so shows a little overlay indicating the viewport size in the upper right corner of the page and updates when the viewport is resized.
I’ve just tested this right now on Firefox 69 and 71.0a1 (Nightly) on Windows 10 and it works fine for me.
Anyone else seeing height x width in the ruler though? It is quite annoying as everything else in the web world is width x height. Let me know if there’s a workaround for this thanks.
This was fixed not long ago in https://bugzilla.mozilla.org/show_bug.cgi?id=1584020.
It will be available starting Firefox 71, which is currently Nightly.
Thank you so much!!!
I previously had a chrome extension for screensize as well but I love that it’s built-in. Thanks all!