Every Safari browser on macOS comes with the option to enable Developer Tools. To enable the developer tools, please follow the steps below.
Enable Safari Developer Tools
- Open Safari
- Open the Safari settings menu
- Go to the 'Advanced' tab
- Toggle the checkbox 'Show Develop' menu in menu bar
View website source code in Safari
Now you can browse any website you want with Safari. On a page, right click the page and click 'Inspect Element' from the context menu.
With the developer tools opened, go to the "Sources" tab to see the HTML source code of the website.
For power users, there is a keyboard combination you can use to open the Developer tools:
Testing on remote Safari browsers
TestingBot provides access to remote Safari browsers. Each browser comes with the default developer tools enabled.
During manual testing, you can simply inspect the source code of any webpage on TestingBot's remote safari browsers.