# 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.  Features like [Web Inspector](/documentation/Safari-Developer-Tools/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](/documentation/Safari-Developer-Tools/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 [Enabling features for web developers](/documentation/Safari-Developer-Tools/enabling-developer-features) Enable features and settings for web developers in Safari. ### Tools [Develop menu](/documentation/Safari-Developer-Tools/develop-menu) Access tools for debugging webpages in Safari, as well as tools for debugging web content in other apps and on other devices. [Web Inspector](/documentation/Safari-Developer-Tools/web-inspector) Use Web Inspector to inspect and debug your HTML, CSS, and JavaScript. [Responsive Design Mode](/documentation/Safari-Developer-Tools/responsive-design-mode) Use Responsive Design Mode to test your `media` queries and other dynamic styles to ensure your webpages look great on any screen. [Inspect Apps and Devices](/documentation/Safari-Developer-Tools/inspect-apps-and-devices) Discover all inspectable web content in Safari and other apps on your Mac and on connected devices. [Connecting an AI agent to Safari](/documentation/Safari-Developer-Tools/connecting-an-ai-agent-to-safari) Inspect, test, and debug your website with an AI agent connected to the Safari MCP server. [WebDriver](/documentation/Safari-Developer-Tools/webdriver) Use WebDriver to write robust, comprehensive tests and run them against any browser that has a WebDriver-compliant driver, including Safari. ### Content inspection [Inspecting Safari on macOS](/documentation/Safari-Developer-Tools/inspecting-safari-macos) Inspect webpages, service workers, and extensions in Safari on macOS. [Inspecting iOS and iPadOS](/documentation/Safari-Developer-Tools/inspecting-ios) Inspect webpages, service workers, Home Screen web apps, extensions, and content inside apps on iOS and iPadOS devices and simulators from a connected Mac. [Inspecting visionOS](/documentation/Safari-Developer-Tools/inspecting-visionos) Inspect webpages, service workers, extensions, and content inside apps in visionOS from a Mac on the same network. [Inspecting tvOS](/documentation/Safari-Developer-Tools/inspecting-tvos) Inspect JavaScript and TVML content on tvOS from a Mac on the same network. [Enabling inspecting content in your apps](/documentation/Safari-Developer-Tools/enabling-inspecting-content-in-your-apps) Enable the inspection of webpages and JavaScript in apps you develop when inspected from a connected Mac. ### Simulators [Installing Xcode and Simulators](/documentation/Safari-Developer-Tools/installing-xcode-and-simulators) Install simulators to use for web development. [Adding additional simulators](/documentation/Safari-Developer-Tools/adding-additional-simulators) Add simulators for different devices and iOS versions to use for web development. ### Settings [Changing Developer settings in Safari on macOS](/documentation/Safari-Developer-Tools/developer-settings) Change developer-centric settings that change the behavior of Safari. [Changing Feature Flag settings in Safari on macOS](/documentation/Safari-Developer-Tools/feature-flag-settings) Test new web platform features before they ship in Safari. ### AutoFill [Improving AutoFill experiences for your forms](/documentation/Safari-Developer-Tools/autofill) Use well-structured, standardized markup to enable a more reliable AutoFill experience for forms on your website. --- Copyright © 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)