Safari Developer Features
Inspect, debug, and test web content in Safari, in other apps, and on other devices including iPhone and iPad.
Overview
Safari includes features and tools to help you inspect, debug, and test web content in Safari, in other apps, and on other devices including iPhone, iPad, Apple Vision Pro, as well as Apple TV for inspecting JavaScript and TVML.
[Image]
Features like Web Inspector in Safari on macOS let you inspect and experiment with the layout of your webpage, including trying changes to styles, visualizing grid and flex contain layouts, adjusting typography, including custom variation axes, and emulating user preferences like color scheme or reduced motion to help ensure your content looks great for every user. You can also use Web Inspector to set breakpoints in JavaScript, interactively debug, and inspect the state of your page as you debug. Tools like Timelines let you visualize the impact of your scripts and layout on things like performance and memory use, as well as help identify causes of long frame times.
You can also use WebDriver to automate testing your webpages in Safari. As the web evolves, it is important to continually test your webpages to ensure they behave as you expect. WebDriver is a cross-browser API for automating testing of web content supported by all major browsers across platforms, without requiring browser-specific code.
Topics
Essentials
Tools
Develop menuWeb InspectorResponsive Design ModeInspect Apps and DevicesConnecting an AI agent to SafariWebDriver
Content inspection
Inspecting Safari on macOSInspecting iOS and iPadOSInspecting visionOSInspecting tvOSEnabling inspecting content in your apps