On January 23, 2020, I learned...
A few neat little Safari developer tools
First off, there’s the keyboard shortcut to activate responsive mode: ^
+⌘
+R
. I love the way devices are presented along the top of the screen.
![](https://i0.wp.com/geoffgraham.wpengine.com/wp-content/uploads/safari-responsive-mode.png?resize=1390%2C188&ssl=1)
Secondly, I noticed that Safari’s responsive mode can replicate other browsers and browser versions. I doubt that’s new, but my blonde brain finally noticed it.
![](https://i0.wp.com/geoffgraham.wpengine.com/wp-content/uploads/safari-responsive-mode-browsers.png?resize=1240%2C532&ssl=1)
Lastly, I saw Manuel’s little Safari-related pro-tip that there’s a tiny setting that forces the scroll bar to always be visible. What a great way to debug spacing issues during development without having to first interact with the page!
![](https://i0.wp.com/geoffgraham.wpengine.com/wp-content/uploads/macos-settings-general-scrollbars.png?resize=774%2C780&ssl=1)