At WWDC, Apple announced updates to WebKit, which is the web browser engine that powers the Safari browser. The updates highlighted during WWDC will make their way to Safari with the release of Safari 17 this fall, and there are 88 updates in total.
First, it will introduce the ability to add specific web pages to the Dock, allowing users the ability to quickly navigate to their most frequently visited websites. These “web apps” can then be opened from Dock, Launchpad, or Spotlight Search, and act as their own application. They also work with AutoFill credentials from iCloud Keychain or third-party apps that use the Credential Provider Extension API.
Similarly, they have enabled an “Add to Home Screen” option in Safari for users to add a webpage to their Home Screen.
Coming off Apple’s Vision Pro announcement, the WebKit team also has been working to make Safari work with the new AR/VR headset. It is announcing two technologies for spatial computing: the <model> element and WebXR. <model> offers a way for presenting 3D content in a web page, and WebXR enables web pages to create 3D experiences.
The team is also going to be adding support for the new image format, JPEG XL. It uses a new compression algorithm that provides more flexibility in adjusting an image’s compression ratios.
It also added support for HEIC images, which is the file format that iPhones and iPads use to store photos taken by their cameras. By adding support for them in Safari, users will be able to import and edit photos right in the browser without first having to convert them into another format.
The image-set() implementation is also improved in Safari 17 by adding support for “resolution” and “type” arguments. “Type” allows developers to make it so browsers can choose from many image formats.
Updates to Video include the new Managed Media Source API, which is a power-efficient solution for streaming video; a stats overlay for the video player; and support for USB cameras on iPadOS 17.
CSS updates include support for Counter Styles for changing counter language or character sets, font-size-adjust, new feature queries for discovering what fonts a browser supports and reacting accordingly, Media Queries level 4 support, and support for text-transform and several values that can be used with it, like full-width. There were also several accessibility fixes for “display: contents.”
In addition, the team is introducing a number of new features for web developers. It completely redesigned the Develop menu, making it easier for developers to find tools for creating websites, web apps, web content inside apps, and web extensions.
Other developer features include a new Settings panel, a tab-specific settings overlay, updates to Responsive Design Mode, and the ability to open a Safari page in a Simulator from the Develop menu.
Changes to the Safari browser itself includes support for user Profiles, several new features for Private Browsing, support for Apple Pay using the Payment Request API, and more.
There are also changes to how web extensions work. Now users will be able to further customize where extensions run. Safari App Extension now has the same site permission as Safari Web Extensions, which gives users more control over their browsing data and what gets shared. Safari Extensions can also now be turned off in Private Browsing sessions and can be turned off for specific Profiles.