如何在iOS11.3移动设备上调试Service Worker/PWA?
iOS 11.3 设备上调试 Service Worker/PWA 的方法
嗨,结合你给出的环境(macOS 10.13.3、Safari Technology Preview 51、搭载iOS 11.3 beta6的iPad),我来分享一套具体的调试步骤,帮你搞定iOS端的Service Worker调试:
前置准备
确保你的Mac和iPad连接在同一个Wi-Fi网络下,这是设备间调试的基础。
步骤1:开启iPad端的调试选项
- 打开iPad的「设置」→「Safari浏览器」→「高级」
- 找到并开启**「Web检查器」**选项
- 如果你要调试的是添加到主屏幕的PWA,记得先在iPad上启动这个PWA应用(保证它处于运行状态)
步骤2:在Mac的Safari Technology Preview中连接设备
- 打开Safari Technology Preview,如果你看不到顶部菜单栏的「开发」选项,先去「Safari偏好设置」→「高级」,勾选「在菜单栏中显示“开发”菜单」
- 点击顶部菜单栏的「开发」,在下拉列表里找到你的iPad设备名称(比如“你的iPad名称”),展开后就能看到当前iPad上打开的所有网页/已启动的PWA
- 点击你要调试的目标页面/PWA,会弹出熟悉的Web检查器窗口,切换到**「Service Workers」**标签页,就可以像调试桌面端一样查看、调试Service Worker的注册、缓存、日志等内容了
小提示
- 如果在「开发」菜单里找不到你的iPad,先检查Wi-Fi是否同网,或者重启Safari Technology Preview和iPad上的目标应用后再试
- 由于你用的是iOS 11.3 beta版本,偶尔可能出现检查器连接不稳定的情况,试试在Mac的「开发」菜单里选择「将设备配对」,按照提示在iPad上确认信任Mac设备,重新配对后通常能解决问题
内容的提问来源于stack exchange,提问作者p2227




