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.
- The same old issue, .scrollTop(0) not working in Chrome & Safari
- Can I get cookies from Safari in a SFSafariViewController?
- Selected div appears with a border on selected on chrome and safari
- Trigger download prompt on iOS Safari for PDF File
- Safari JS cannot parse YYYY-MM-DD date format?
- Display image from local disk in safari
- How to make Safari update CSS variables after pointerlock banner disappears?
- How do I specify the HEVC codec in the HTML5 video source type attribute?
- Clicking a download link in Safari causes all target=_blank links to download when clicked, is there a workaround?
- Angular ng-bind-html writes HTML 2 times on Safari iOS7
- Is there any way to get an effect like the TabBar automatically zooming when you slide the page in Safari?
- Is there a Safari equivalent for scroll-behavior: smooth;?
- Safari fails to play MP4 video from Strapi backend (works in Chrome, CORS issues)
- How do I kill any hanging instances of safaridriver
- How to open a local HTML file in Safari on an iPad
- `window.scrollTo` scrolls outside the container on iOS Safari
- How to remove marker from <details> element on Safari?
- Safari's auto margin + translate3d 1px bleed issue
- iOS Safari SpeechSynthesisUtterance can not set language
- Safari new tab next to current one + tab-home
- Debugging a iOS Safari crash "A problem repeatedly occurred"
- overflow-x: hidden, is not working in safari
- Safari ignoring opacity change in CSS animation
- Safari corrupts uploads when using HTTP/2 on Tomcat server
- Text is rendered differently (shifted/scaled horizontally and vertically) on Safari vs. Chrome
- Strange problem with Google Maps and Ajax in Google Chrome and Safari
- What web component features are not supported by Safari desktop and Safari iOS?
- CSS Hover style remains after mouse is no longer hovering
- iOS Safari lowers audio playback volume when mic is in use
- pdf.js not working with Safari