Press the keyboard shortcutCommand+,(comma)to access Preferences quickly.
In thePreferencesdialog box, select theAdvancedtab.
At the bottom of the dialog box, select theShow Develop menu in menu barcheck box.
You’ll now seeDevelopin the top Safari menu bar.
SelectDevelop>Enter Responsive Design Modein the Safari toolbar.
Press the keyboard shortcutOption+Command+Rto enter Responsive Design Mode quickly.
The active web page displays in Responsive Design Mode.
Open Page With
Opens the active web page in any web app currently installed on the Mac.
Show Web Inspector
Displays all a web page’s resources, including CSS information and DOM metrics.
Show Error Console
DisplaysJavaScript, HTML, andXMLerrors and warnings.
Show Page Source
Lets youview the source code for the active web pageand search the page contents.
Show Page Resources
Displays documents, scripts, CSS, and other resources from the current page.
Lets you edit and execute fragments of code.
This feature is useful from a testing perspective.
Show Extension Builder
Helps you buildSafari extensionsby packaging your code accordingly and appending metadata.
Empty Caches
Deletes all storedcacheswithin Safari, not only the standard website cache files.
