Bring back the keyboard shortcut for Responsive Design Mode in Safari 11

Yesterday, I tweeted:

Seems like Apple removed the keyboard shortcut for entering responsive design mode in the latest Safari update.

— Eelke Blok (@eelkeblok) September 21, 2017

Today, I wipped out my favourite search engine (DuckDuckGo, obviously) and found out you can actually define your own keyboard shortcuts from the macOS Keyboard System Preferences.

  1. Open System Preferences (e.g. in the  menu at the top of the screen or in the dock).
  2. Click “Keyboard”
  3. Select “App Shortcuts” in the left pane.
  4. Click the plus icon (at the bottom left of the right pane).
  5. Select “Safari”.
  6. Type “Enter Responsive Design Mode” in the menu item box. Make sure you type it exactly as it appears in the menu. Copy from this blog post if you don’t trust your typing skills and/or are feeling lazy (I know I would).
  7. Place your cursus in the shortcut box and press the shortcut you would like to use. I went for cmd-option(alt)-shift-R (as you can see).
  8. Click add.
  9. Repeat steps 4 through 8 for “Exit Responsive Design Mode”. You can use the same shortcut.

Source: Responsive Design Mode Shortcut on the Apple Support Community.

Add new comment