Develop menu
Use the commands and tools in the Safari Develop menu to make sure your website works well with all standards-based web browsers.
If you don’t see the Develop menu in the menu bar, choose Safari > Preferences, click Advanced, then select “Show Develop menu in menu bar.”
See the table below for a description of the commands in the Develop menu.
Open Page With | Opens the displayed webpage using another web browser installed on your computer, as listed in the submenu. | ||||||||||
User Agent | Changes the User Agent header included with outgoing HTTP requests. Use this option to “spoof” the web server into thinking that you’re using a different browser, operating system, or version of Safari, so you can investigate whether the server is providing different content under varying conditions. | ||||||||||
[listed devices] | Shows devices with | ||||||||||
Enter Responsive Design Mode | Displays a unified interface that lets you quickly preview your web content in a variety of different screen sizes (including those for Apple devices and custom viewports), orientations, and User Agents. For more information, see Simulate responsive web content on Apple devices. | ||||||||||
Show Snippet Editor | Lets you quickly test small fragments of HTML and CSS without opening an entire webpage. | ||||||||||
Show Extension Builder | Allows you to build and package .safariextz-style Safari extensions. Use Xcode to build Safari App Extensions to distribute through the Mac App Store. | ||||||||||
Show Web Inspector | Web Inspector provides a unified interface to inspect, debug, and improve web content. Use it to view the resources, timelines, source code, debugger, and console messages for web content. For more information, see Safari Developer Tools overview. | ||||||||||
Show JavaScript Console | Opens the Console tab in Web Inspector for testing JavaScript using the Command Line API. Displays security problems, syntax errors, JavaScript exceptions, and messages logged by the inspected web content or | ||||||||||
Show Page Source | Shows the HTML source code for the main frame of the displayed webpage. To search the source code, click anywhere in the code, press Command-F, then enter a word or phrase in the search field that appears in the code. | ||||||||||
Show Page Resources | Shows a list of web content resources, such as documents, style sheets, scripts, images, and fonts. | ||||||||||
Start Timeline Recording | Records timelines in Web Inspector for Network Requests, Layout & Rendering, and JavaScript & Events instruments. To stop recording, choose Develop > Stop Timeline Recording. | ||||||||||
Start Element Selection | Allows you to select any DOM element on the current webpage with a light blue selector box. | ||||||||||
Empty Caches | Empties the network cache and other Safari caches. | ||||||||||
Disable Images | Shows the alternate content for images instead of the images themselves. This is useful for ensuring your webpage has appropriate alternate content. | ||||||||||
Disable Styles | Ignores all CSS styles. This is useful for investigating some types of page layout problems on your website. If you have a style sheet set in the Advanced pane of Safari preferences, it continues to be used. | ||||||||||
Disable JavaScript | Ignores all JavaScript. This is useful for testing website performance and investigating specific behaviors on web browsers that don’t support JavaScript or have JavaScript disabled. You can also turn JavaScript off and on in the Security pane of Safari preferences. | ||||||||||
Disable Extensions | Disables all extensions. Installed extensions are listed in the Extensions pane of Safari preferences. | ||||||||||
Disable Site-specific Hacks | Turns off special-case Safari code that works around issues with certain websites, so that developers of those websites can test solutions to the issues. | ||||||||||
Disable Local File Restrictions | Treats all files on your Mac as being of the same origin, so that the files can access each other’s content via scripting or XHR. This enables a copy of a website on your Mac to function as if it were on a web server with a single origin. | ||||||||||
Disable Cross-Origin Restrictions | Allows JavaScript to make requests to other domains that would normally be blocked for security purposes by the Single Origin Policy or other security mechanisms. | ||||||||||
Allow JavaScript from Smart Search Field | Lets you type or paste a URL containing “javascript:” in the Smart Search field. | ||||||||||
Allow JavaScript from Apple Events | Enables the AppleScript command | ||||||||||
Allow Remote Automation | Allows you to perform automated testing using WebDriver. | ||||||||||
Allow Unsigned Extensions | Allows you to develop and test extensions without a development certificate. | ||||||||||
Get Safari Technology Preview | Takes you to the download page where you can get an early look at upcoming web technologies in macOS and iOS. | ||||||||||