You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何在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

火山引擎 最新活动