Apple launches Apple Store app in India

The Apple Store app provides customers with the most personalized way to shop for Apple’s innovative lineup of products and services. Learn more >

You can make a difference in the Apple Support Community!

When you sign up with your Apple Account, you can provide valuable feedback to other community members by upvoting helpful replies and User Tips.

Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Responsive Design Mode Shortcut

In the Safari 11 update, the shortcut key for "Responsive Design Mode" has been removed. Is this an intentional change or an oversight? Is there a new way to activate the mode that I'm missing? Having to go to the menu each time to turn on and off essentially breaks the whole flow of using the tool.

Macbook Pro, Mac OS X (10.4.7), null

Posted on Sep 20, 2017 2:52 PM

Reply
Question marked as Top-ranking reply

Posted on Sep 20, 2017 8:24 PM

Make your own in System Preferences : pick any suitable key combination.


User uploaded file

8 replies
Sort By: 

Sep 25, 2017 1:24 AM in response to PN2

Not possible in Germany. There are some Microsoft-Style Quotes in it, which I cant figure on the mac keyboard.


Every Safari update brakes something essential.. Seriously Apple? Would you mind fixing this annoyance?


User uploaded file




// Update:


Found them in the symbols dialog. But still not working:


User uploaded file

Reply

Dec 12, 2017 6:29 AM in response to Coda4064

I found that this combination of keyboard shortcuts sets everything back to the way it used to be...

And I also checked in Google Chrome - there Cmd-Shift-R is "Force Reload" - the same as "Reload Page From Origin" in Safari... so I don't know why they would change this shortcut in this version of Safari.


User uploaded file

Reply

Sep 22, 2017 8:01 AM in response to Coda4064

I'm here now because I was noticing the same thing. I just went to test, in Responsive Design Mode, a website I'm currently developing. The shortcut I used to use for that now refreshes the page.


I think the reason behind the removal of the shortcut from Responsive Design Mode is that Command-Option-R is now the shortcut for "Reload Page from Origin," for some reason. Click on Safari's "View" menu, at the top of the screen, then hold down Cmd-Opt-R and watch "Reload Page" become "Reload Page from Origin." The shortcut for that used to be Shift-R, which I had been using for years. Pressing Shift-R, in Safari, doesn't seem to do anything at all, at the moment, so I'm unclear if this change was intentional or a mistake. It seems like they could safely revert to what it was before... *shrug*.


Not a huge deal, since you can still get to Responsive Design Mode from the menu, or create another shortcut, yourself, as mentioned, but still a bit of a "Huh?" moment.

Reply

Oct 4, 2017 5:38 AM in response to PN2

This works!


But be careful to label the shortcuts as they are displayed in the Develop menu; they're also case sensitive so "Enter Responsive Design mode" won't do, it must be "Enter Responsive Design Mode" and "Exit Responsive Design Mode" (in English anyway).

Reply

Responsive Design Mode Shortcut

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.