1.环境
PC chrome浏览器(版本45、46)
IOS safari浏览器(11.2.6)
win系统(win7、win10)
一根USB数据线
2. 安装 iTunes
Windows 首先要安装 iTunes,下载地址:iTunes
用USB数据线连接电脑和手机,在windows
上打开iTunes
,如下表示链接成功
3. iPhone开启调试模式
使用数据线将ios设备与电脑连接
在ios设备
上打开 设置 > APP > Safari浏览器 > 高级> 网页检查器 > 启用
。
4. 安装scoop
- 使用PowerShell在你当前Windows的账户下执行
set-executionpolicy remotesigned -s cu
如果不出意外,这个时候应该就装好了,会出现一行小绿字,就像下面这样。如果是红字,那就自行chat gpt找原因吧。
Scoop was installed successfully!
- 下载scoop
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
由于Scoop的仓库都在Github上面访问很不方便,所以说我们需要将仓库地址换成国内平台(Gitee),这样速度可以起飞。当然,如果你相信你的科学上网的话,也可以不换。
scoop config SCOOP_REPO https://gitee.com/glsnames/scoop-installer
成功的话,会出现下面这样的提示
'SCOOP_REPO' has been set to 'https://gitee.com/glsnames/scoop-installer'
然后更新一下依赖,就像使用apt-get update一样简单
scoop update
到这,如果不出问题,就已经装好了Scoop,接下来就可以去装远程调试需要的依赖了。
5. 安装ios-webkit-debug-proxy
scoop bucket add extras
scoop install ios-webkit-debug-proxy
6. 安装remotedebug-ios-webkit-adapter
我们需要一个Node.js
环境,参考连接:Windows 11安装nvm教程。
直接用npm
安装remotedebug-ios-webkit-adapter
。
npm install remotedebug-ios-webkit-adapter -g
至此,全部的环境,就安装完毕了。
接着在PowerShell
里面启动remotedebug_ios_webkit_adapter
set NODE_OPTIONS=--unhandled-rejections=warn && remotedebug_ios_webkit_adapter --port=9000
可以在浏览器输入localhost:9000
查看确保已经连接成功
7. 添加设备端口
之后打开你的Chrome
浏览器(如果没有的话Edge
也是平替),输入网址chrome://inspect/#devices
(如果是Edge
则是edge://inspect/#devices
),点Configure...
,输入localhost:9000
就完成了。
这时候在你的safari浏览器里面打开你要调试的网页,页面中出现Target (RemoteDebug iOS Webkit Adapter)
,点击inspect后就可以了