Web Development Tools

Apple has brought its expertise in OS X and iOS development tools to the web. Safari includes Web Inspector, a powerful tool that makes it easy to modify, debug, and optimize a website for peak performance and compatibility. To access these tools, enable the Develop menu in Safari’s Advanced preferences.

Web Inspector Image

Web Inspector

Web Inspector is your command center, giving you quick and easy access to the richest set of development tools ever included in a web browser. With Web Inspector, you see Safari’s developer tools in a clean, unified interface designed to make developing web applications for OS X and iOS more efficient.

View detailed data about web page resources, including documents, scripts, and images.

Timelines show activity on an open webpage, such as network requests, CSS rendering, and JavaScript events.

Use the Debugger navigation sidebar to find the cause of JavaScript errors on your webpage.

The console offers a way to inspect and debug your webpages.

Learn More about Web Inspector and other powerful developer tools in Safari