Skip to main content

Debug your Safari Web Apps on macOS

About 1 minSafariArticle(s)blogdevtoolstips.orgsafarimacos

Debug your Safari Web Apps on macOS 관련

Safari > Article(s)

Article(s)

Debug your Safari Web Apps on macOS

Devtools Tips > Debug your Safari Web Apps on macOS

Starting with Safari 17 (announced at WWDC 2023) any website you use in Safari can be installed as a Web App on macOS. Once installed, the Web App shows up like any other app on macOS, in all of the same places, like in the Dock. It also has its own standalone window.

Once installed, you can debug your Web Apps using the Web Inspector in Safari, here is how:

  1. If you haven't done this already, enable the developer features in Safari. This only needs to be done once: a. In Safari, go to [Safari] > [Settings]. b. Select the [Advanced] tab. c. Click [Show features for web developers].
  2. Open your Web App.
  3. In Safari, go to the Develop menu.
  4. Select the device your Web App is running on. This will be your Mac's machine name.
  5. In the submenu, select the Web App you want to debug.

To learn more, see Safari's Develop menu documentationopen in new window.

The Develop menu in the Safari menu bar, showing different devices and debugging targets
The Develop menu in the Safari menu bar, showing different devices and debugging targets
See Also
Enable DevTools in Safari

Devtools Tips > Enable DevTools in Safari

Install or create extensions to customize DevToolsopen in new window


이찬희 (MarkiiimarK)
Never Stop Learning.