1. 手机 Safari 浏览器开启网页检查器

设置 -> Safari 浏览器 -> 高级

选择高级
选择高级

开启网页检查器

开启网页检查器
开启网页检查器

2. 安装 scoop

前置要求：

  • Windows 版本不低于 Windows 7
  • Windows 中的 PowerShell 版本不低于 PowerShell 3
  • 你能正常、快速的访问 GitHub 并下载上面的资源（科学上网）
  • 你的 Windows 用户名为英文（Windows 用户环境变量中路径值不支持中文字符）

然后在 PowerShell 中依次输入并执行以下命令：

set-executionpolicy remotesigned -scope currentuser

iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

等待命令执行完成即可。

3. 安装远程调试需要的依赖

在 CMD 或者 PowerShell 中依次输入并执行以下命令：

scoop bucket add extras
scoop install ios-webkit-debug-proxy

4. 安装 Node 环境

直接去 Node 官网 下载安装即可。

或者使用 nvm-windows 来管理 Node 版本。

5. 安装 remotedebug-ios-webkit-adapter

在 CMD 或者 PowerShell 中依次输入并执行以下命令：

npm install remotedebug-ios-webkit-adapter -g

6. 如何调试

  1. 使用数据线将手机和电脑连接起来，在手机的弹窗中选择信任该电脑即可（这一步如果没有弹窗可能需要安装 iTunes 才行）。
  2. 启动 remotedebug_ios_webkit_adapter
remotedebug_ios_webkit_adapter --port=9000

  1. 手机上打开 Safari 浏览器中准备调试的页面

  2. 打开 Chrome 浏览器，输入 chrome://inspect/#devices，在 Discover network targets 选项添加 localhost:9000 配置。刷新页面，这时页面中会出现 Remote Target 列表，该列表展示了 iPhone 中打开的页面，点击 inspect ，即可进行调试