在 Windows 上调试 iPhone(iOS) Safari Web 页面(转)

2,205 阅读1分钟

安装 scoope

scoope 是一个 Windows 命令行安装工具,类似 linux 下的 yum 或 apt-get。remotedebug-ios-webkit-adapter 的安装将使用该工具。

使用 powershell(powershell 是 Windows 预装的 Shell 工具)依次执行一下命令,安装 scoope:

Set-ExecutionPolicy RemoteSigned -scope CurrentUser\
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

稍等片刻就安装成功了。如果安装失败,请尝试使用管理员权限执行。

安装 remotedebug-ios-webkit-adapter

使用 cmd、powershell 或 git bash 依次执行以下命令,安装依赖环境:

scoop bucket add extras
scoop install ios-webkit-debug-proxy
npm install -g vs-libimobile

(这里默认你的电脑已经安装了 Node.js 环境,否则 npm 命令将执行失败)

安装 remotedebug-ios-webkit-adapter:

npm install remotedebug-ios-webkit-adapter -g

安装成功后,你将能在命令行中使用 remotedebug_ios_webkit_adapter 命令

安装 iTunes

访问官网,下载 iTunes。这里注意 iTunes for Windows 提供两个版本,一个是从 Windows Store 下载,另一个是安装包。选择后者下载安装。

连接调试

  1. 进入 iPhonse 中的 设置 > Safari 浏览器 > 高级 > Web 检查器,开启该选项。

  2. 打开 iTunes 并连接 iPhone,在 iPhone 弹框中选择信任该电脑。

  3. 打开命令行,执行以下命令,启动适配器:

    remotedebug_ios_webkit_adapter --port=9000
    
  4. 在 iPhone 中打开 Safari 浏览器,打开待调试页面。

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

注意:如果第 5 步中未出现待调试页面,请重启 remotedebug_ios_webkit_adapter 工具,然后刷新或重启浏览器重试

转自: www.hozen.site/archives/30…