83

Cmd-Option-R in Safari, how did I miss this handy feature?

4 years ago from , freelance graphic designer

I accidentially pressed cmd-option-r in Safari the other day when trying to refresh my page and discovered a hidden, at least to me apparently, gem. When did this feature make it into Safari and why isn't hailed as one of the best utilities for developing responsive sites in Safari?

35 comments

  • Jason Lawton, 4 years ago

    I agree and really dislike it when people don't elaborate on what the shortcut/feature does.

    It enables "responsive developer mode" and gives you a list of iDevices that resize the viewport and spoof the user-agent and display the results, very handy!

    55 points
  • M. AppelmanM. Appelman, 4 years ago

    surfari

    30 points
  • Rolf NelsonRolf Nelson, 4 years ago

    How many points do I get for trying this shortcut for a solid minute and wondering why it wasn't working...in chrome?

    12 points
  • Hristijan TodorovHristijan Todorov, 4 years ago

    This is a new feature in Safari 9 which is bundled with El Capitan.

    9 points
  • Louis BLouis B, 4 years ago

    Image alt

    8 points
  • Cody Gallner, 4 years ago

    I'm on Yosemite and nothing happens in Safari for this shortcut. :(

    5 points
  • Gary Bacon, 4 years ago

    You can also click the device icons multiple times to rotate or on iPad show split screen.

    Rotated device.

    3 points
  • Kuanysh BayandinovKuanysh Bayandinov, 4 years ago

    Smh. The moment you realise developers don’t look into Develop menu.

    3 points
  • M. AppelmanM. Appelman, 4 years ago

    TIL: /r/webdev HATES anything not done with Chrome.

    2 points
  • Robert PaigeRobert Paige, 4 years ago

    Coming soon:

    http://justsmock.it

    A better way for responsive mobile screenshots.

    2 points
  • Rafael MasoniRafael Masoni, 4 years ago

    Just remember the viewport meta tag, as this feature will render the webpage correctly regardless of that, making you think everything is alright until it hits production.

    2 points
  • M. AppelmanM. Appelman, 4 years ago (edited 4 years ago )

    Even has IE browsers, how's that work?

    Edit: User Agents.

    2 points
  • Cory HughesCory Hughes, 4 years ago

    I am not on my Mac at the moment, what feature are you talking about? :)

    2 points
    • Shakti DashShakti Dash, 4 years ago

      Check: Safari › Preferences › Advanced › Show develop menu in menu bar

      once activated, shortcut will work on El Capitan.

      0 points
  • Daniel SieradskiDaniel Sieradski, 4 years ago (edited 4 years ago )

    It's nice but, who cares? Why are you developing in Safari? It has a third of the browser market share of IE 8! Do you do mobile dev on a Blackberry? Firefox Developer Edition & Chrome Canary's responsive dev tools are excellent, FWIW.

    1 point
    • wojtek w.wojtek w., 4 years ago

      You still have to test in Safari. It's becoming the new IE.

      0 points
    • Kyle BavenderKyle Bavender, 4 years ago

      Do you do mobile dev on a Blackberry?

      Hyperbole alert... :/

      Where do you get your numbers? Are you not familiar that Safari renders using the same engine as Mobile Safari, the rendering engine used on all iOS devices? With the various WebKit implementations active, Desktop Safari is a good tool for testing.

      1 point
  • John K., 4 years ago (edited 4 years ago )

    AMAZING. Thanks buddy!

    1 point
  • Ricardo HenriquezRicardo Henriquez, 4 years ago

    That is really good! Thanks for sharing.

    1 point
  • Kris KimKris Kim, 4 years ago

    They should have even presented this in their keynote presentation. Thanks mate!

    1 point
  • Phil RauPhil Rau, 4 years ago

    WOW that is good!

    1 point
  • Roman DavydkoRoman Davydko, 4 years ago

    Amazing! Thanks for sharing! Such a cool feature!

    1 point
  • Priit HaamerPriit Haamer, 4 years ago

    This feature was shown during one of the sessions in last years WWDC. Every year they have handful of sessions dedicated to web development that are worth watching for every web developer / designer.

    0 points
  • Cody IddingsCody Iddings, 4 years ago

    I'm on El Capitan and in Safari and I can't get anything to work. I must be going crazy.

    0 points
  • Corin EdwardsCorin Edwards, 4 years ago

    Doesn't do a great job of emulating a 6S plus though...

    0 points
  • Jay KerrJay Kerr, 4 years ago

    Mind blown! Great feature.

    0 points
  • Corin EdwardsCorin Edwards, 4 years ago

    I've been using this all week but didn't even think to look for a shortcut. Ta!

    0 points