iOS端PWA测试方案咨询：替代Android ADB的调试方法

针对iOS平台，有几种和Android ADB+Chrome DevTools功能类似的PWA调试方案，都是开发者常用的：

• Safari Web Inspector 真机调试
  这是最官方的方案，步骤如下：

  1. 在iOS设备上，进入「设置」→「Safari浏览器」→「高级」，开启「Web检查器」
  2. 在Mac上打开Safari，进入「偏好设置」→「高级」，勾选「在菜单栏中显示开发菜单」
  3. 用数据线连接iOS设备和Mac，在Safari的「开发」菜单里找到你的设备名称，就能看到设备上正在运行的PWA（包括添加到主屏幕的PWA），点击后即可打开调试面板，支持实时查看DOM、控制台日志、网络请求，还能实时修改代码并预览效果。

• iOS模拟器 + Safari调试
  如果没有真机，用Xcode启动iOS模拟器后，同样可以通过Mac Safari的「开发」菜单找到对应的模拟器，直接调试模拟器里的PWA，适合快速测试不同iOS版本的兼容性。

• 嵌入式调试工具（Eruda）
  如果你没有Mac设备，可以在PWA的代码中注入Eruda调试脚本，这样在iOS设备上打开PWA时就能直接调出调试面板：
  在PWA的index.html中添加以下代码（注意生产环境要移除）：

  <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
  <script>eruda.init()</script>
  

  打开PWA后，点击屏幕右下角的Eruda图标就能调出调试界面，支持查看控制台、DOM、网络信息等。

注意：添加到主屏幕的PWA需要先在Safari中打开过，Web Inspector才能识别并进行调试。

内容的提问来源于stack exchange，提问作者in43sh