safariprogressive-web-apps
How to debug Safari web apps on Mac?
I'm developing a Safari web app on Mac (created by File → Save to Dock). I encountered a few bugs that only occur in the web app, not in the website version. It seems I can't open the web console in the web app to see what goes wrong. I wonder what's the best way to debug Safari web apps? Thanks!
Solution
You can use the same tool in Safari as for debugging on iOS to debug in a macOS Safari Web App.
On macOS, launch Safari and in the Menu bar, go to Preferences → Advanced and check Show features for web developers.
In the menu bar, click on Develop → [Your current device] → [Your web app]
This will allow you to use all of the Safari web debugging tools with your web app.
- How do I use SFSafariViewController with SwiftUI?
- Margin different in Windows (Chome, Edge, etc.) and Mac OS (Safari)
- Rails ( set_no_cache method) Cannot disable browser caching in Safari and Opera
- Safari LocalStorage not shared between IFrames hosted on same domain
- iPhone not appearing in Develop menu in Safari
- Flexbox gap workaround for Safari
- Video auto play is not working in Safari and Chrome desktop browser
- -webkit-backdrop-filter not working on Safari
- How to Inspect Element using Safari Browser
- Only in Safari: ReferenceError Can't find variable
- Safari's getBoundingClientRect() Implementation Returns Incorrect Top
- safe-area-inset-bottom not working on ios 15 safari
- App should open links with WebView not with Safari
- In Safari 13, the option to Export to HAR is disabled (greyed out). How can I enable this?
- The double-click listener for the HTML element does not work on iOS version 17.5.1 and above
- How can I debug a Flutter Web App on Safari using the inspector?
- lang="ur" changes how safari displays text
- How to get "Pointermove" delegation to work in Safari iOS on parent/child?
- Safari clipboard error "TypeError: undefined is not an object"
- Safari for Desktop ignores CSS
- IOS show keyboard on input focus
- SVG background-image not scaling properly in Safari
- how to make the background display full screen (Safari)
- How to open a local HTML file in Safari on an iPad
- Any way to prevent horizontal scrolling triggering swipe back gesture on OS X Lion Safari?
- Disable autocorrect in Safari text input
- Safari font-weight issue , text too bold
- CORS violation occuring in safari, but not chrome
- Camera not working if used in homescreen app IOS
- How to keep the safari toolbar and address bar display when user scrolled the page?