In macOS Sonoma, currently in beta, you can create individual web apps for any website that you frequent in Safari, and have them sit beside other apps in your Dock. Let’s take a closer look at how it all works by turning MacRumors.com into a virtual Mac app as an example.
In macOS Sonoma, any website viewed in Safari can be turned into a web app, thanks to a new “Add to Dock” option in the File menu. In other words, no work is required on the part of web developers to make a site web app compatible, although there are some elements of web apps that developers can have control over (see below).
How to Turn MacRumors into a Web App
- In macOS Sonoma developer beta, navigate to MacRumors.com in Safari.
- Choose File -> Add to Dock in the menu bar.
- If you want, you can change the MacRumors icon by clicking it in the Add to Dock window. You can also edit the web app’s name using the title field – “MacRumors” is more succinct, for example.
- Click the blue Add button.
You will now see the MacRumors web app sitting in your Dock, ready for use independently of Safari. The web app works with Mission Control and Stage Manager just like any app, and can also be opened via Launchpad or Spotlight Search.
On opening the web app, you’ll notice its window includes a simplified toolbar with navigation buttons (note: Website developers can control whether these are shown). As you can see in the image, the MacRumors theme color for the site blends into the toolbar for a more seamless look.
In terms of navigation, the scope of the web app is dictated by the host of the webpage – in this case www.macrumors.com – so you can navigate anywhere within the MacRumors website, but if you click a link outside of the host page, such as the MacRumors Forums, which is separately hosted at forums.macrumors.com, this will open the linked webpage in Safari. Therefore, if you are a frequenter of both the MacRumors website and the MacRumors Forums, you should create separate web apps for each.
Web developers have the ability to refine the scope of a web app to a specific path on their site if they wish. For example, MacRumors could theoretically provide a facility to make web apps dedicated to navigating only how-to articles or guides. This is something MacRumors may implement in the future.
Website Logins and Notifications
By default, Safari copies a website’s cookies to its web app. So if you create a MacRumors Forums web app and you were logged into your account at the time, you will remain logged in inside the web app. Even if you weren’t logged in, you can do so within the web app with minimal effort, since Apple has integrated support for Password and Passkey AutoFill.
If a website already supports web push notifications – as MacRumors does – and you have signed up to them, you will receive web app push notifications that display the corresponding MacRumors icon, giving you more context than a standard Safari notification and icon would.
The web app icon in the Dock will also show a badge when a notification is received. Web app notifications are silent by default, although developers can change them to play a sound. However, the end decision over sound and icon badges is left to the user in System Settings -> Notifications.
Web apps also respect Focus modes, so you can include or exclude them from allowed notifications based on what you’re doing. Lastly, with privacy in mind, Apple has added options to control web apps’ access to camera, microphone, and location in System Settings -> Privacy & Security, just like for native apps.
For those who wish to delve further into macOS Sonoma, it is currently available to download as a developer beta, although caution is warranted, as beta versions can be unstable and buggy. For those willing to wait, the official public release is expected to land in the fall.
This article, "Here's How Web Apps Work in macOS Sonoma" first appeared on MacRumors.com
Discuss this article in our forums
