Menu
I've got a nice extension for chrome ('Window Resizer') that displays the viewport size, but I don't know how to clear the cache in chrome without using my mouse so I tend to use Safari for browser development.
I've looked around a bit and I can't seem to find an extension that displays the viewport size in Safari (I can find various extensions that allow me to set the viewport size, but none that display it when I change it manually).
Does anyone know of a free extension that does this?
829
There are two places to find Apple-approved Safari extensions: The App Store and the Safari Extensions Gallery webpage. With Safari 12 on macOS Mojave and iOS 12, Apple revised the way its native web browser operates with extensions.
You have to have the element inspector open. So with element inspector open, then, In Safari, when you hover over an element, it shows the pixels.
While there aren't nearly as many extensions for Safari as there are for other browsers like Chrome and Firefox, you can still add a variety of features and capabilities to your browser through the App Store's extension library. To get there, start Safari, click the Safari menu and choose Safari Extensions…
This free Safari Extensions shows the viewport width and height while resizing:
https://github.com/kevinoes/viewportSize-safari-extension
127
If you need the current size, an easy way is to open the Web Inspector (Cmd-Alt-I). Select the <html> node. then click on the Metrics inspector on the right to see the current viewport width/height. This doesn't update very fast if you're resizing the window, but can still give you an estimate of the size.
34
One solution I've come across is to use a site called http://www.resizemybrowser.com.
I have this open in another a tab in safari and refer to it to get the current viewport size.
38
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
