Get ready to explore Safari's rich set of tools for web developers and designers. Learn how you can inspect web content, find out about Responsive Design Mode and WebDriver, and get started with simulators and devices. We'll also show you how to pair with Vision Pro, make content inspectable in your apps, and use Open with Simulator in Responsive Design Mode to help you test your websites on any device.
You can learn more about upcoming features like Masonry Layout and other new CSS features shipping in Safari this year in "What's new in CSS." You may also have noticed on the right-hand side of the window are statuses for each feature. Each feature is categorized into one of four statuses. The first status, Stable, represents features that have recently begun shipping in Safari and are on by default. These features can be toggled to help determine if a feature is causing an issue, or to make sure your site still gracefully handles the absence of the feature for features not yet shipping in all browsers. Stable features will eventually be removed from the list of toggleable features. Next, testable features are those that aren't quite ready for prime time but that may be ready for early feedback or are in the process of being implemented. They may not be fully complete, but testable features can help inform the standards the feature is based on to make sure the spec works for web developers. These features are disabled by default. The last common feature status is Preview. This status is for features that are ready for developers to begin testing. These features are more complete than testable features but may still have bugs. While these features are disabled by default in Safari, they are enabled by default in Safari Technology Preview. Safari Technology Preview is released approximately every two weeks and provides early access to the latest updates for web platform features before they appear in the version of Safari included across our platforms. There is also a feature status for developer features. These can be settings that adjust the behavior of WebKit for development or reenable deprecated API for testing. Please keep in mind that the default setting for each feature flag is how your customers will generally experience your content. It's also important to remember that feature flags are automatically reset to their default states when you update Safari. And with that, we come to the end of our tour of the tools and features available in Safari to help developers like you. And we've only brushed the surface. In addition to everything we've talked about today, Safari has even more to help you debug your content, including all of these features and enhancements in Safari this year. We've also written new documentation for Safari features for web developers to make it easier than ever to discover what tools are available and how to get started with them. Additionally, you can find in-depth documentation for Web Inspector on webkit.org to help unpack the breadth and depth of features in Web Inspector. We also would love to hear from you. If you come across a bug, or have a suggestion on how we can improve our features for web developers, please file feedback in Feedback Assistant and select Safari as the area for your feedback, and then under Details, choose Developer Tools. I hope you've enjoyed our time here today taking a tour of the features in Safari you can use to help you develop, refine, and test your content across our platforms. And we can't wait to see what you build. Thank you. ♪