如何在Windows电脑上调试iOS设备上的Safari

文章目录

• • Step1：准备
  • Step2：下载插件 *remotedebug-ios-webkit-adapter*
  • • 下载插件所需环境
    • 调整测试设备环境
    • 确保电脑设置信任iOS设备
  • Step3：运行插件
  • Step4：打开调试网页窗口
  • 一切就绪后

Step1：准备

• 下载iTunes:
  
  • https://www.apple/itunes/
  • 点击下载64位的即可
• （核心） 下载remote插件
• 准备ios数据线和ios设备（iPhone、iPad都可）

Step2：下载插件 remotedebug-ios-webkit-adapter

remotedebug-ios-webkit-adapter 官方网站：
https://github/RemoteDebug/remotedebug-ios-webkit-adapter

下载插件所需环境

打开cmd或者powershell下载插件所需环境

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

使用npm下载最新版本的调试器
（需要node.js环境）

npm install remotedebug-ios-webkit-adapter -g

调整测试设备环境

打开iOS设备的
设置—>Safari浏览器—>高级—>将网页检查器打开

确保电脑设置信任iOS设备

在Windows上启动iTunes后会在连接的iOS设备上提示 "信任这台电脑 "对话框。

Step3：运行插件

用任意一种的命令行工具运行适配器（插件）
比如：CMD、PowerShell

remotedebug_ios_webkit_adapter --port=9000

这里的端口号可以任意设置

Step4：打开调试网页窗口

你可以通过利用Chrome浏览器调试工具，让你的iOS页面目标显示在Chrome的chrome://inspect/#devices页面中，需要添加运行适配器的计算机的IP，如localhost:9000。

一切就绪后

点击inspect就可以轻松调试设备了~

例如下图：（记得翻墙）