Maximiliano Firtman's articles, notes and learning experiences for devs-firt.dev

Apple Watch Browser

This is a Note: a sometimes short, sometimes incomplete, living document.

Sponsored by you: PayPal donation, or buying me a coffee.

Apple Watch 3+ now has a browser on mails & links on Messages

− width:320 with initial-scale: 0.49 ➡ webs/PWAs rendered as iPhone SE but smaller
− real viewport with new meta tag
− JS & Forms available
− No Service Workers or video playing
− Reader mode with Semantic HTML

If you don’t want an iPhone viewport, use:

<meta name="disabled-adaptations" content="watch">

My guess is that you will get then a DPR of 1.5 with a viewport of:

  • 136 on 38mm Watch
  • 156 on 42mm Watch

Form controls will be rendered in full screen using aria-label as the Label.

No Web Fonts available, only a subset of font sizes.

If your code is semantic enough it seems Reader mode (as in iOS or Safari macOS) will be automatic activated on the watch (Series 3 only for now)


This note is mantained by Maximiliano Firtman Twitter @firt About Newsletter

If you liked this newsletter and the content in this website, you can support me by a PayPal donation, or buying me a coffee. Thanks!