1. 调试前的准备
1.1 安装iTunes
下载iTunes,进行安装, 这里就略过安装过程了
2. 调试步骤
2.1 安装scoop工具
需要在win10下,使用powershell安装scoop工具:
#修改执行策略,选择是 set-executionpolicy unrestricted -s cu #安装scoop iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
执行完后,会显示一个类似下图的信息:
如果未得到这样的提示信息,可以多重试几次这个步骤,如果页面有标红的报错信息,可以看一下,C盘用户目录下,是否有生成scoop的文件夹,有的话,直接在scoop的文件夹目录下打开powershell窗口,再执行后面的操作。
2.2 通过scoop安装ios_webkit_debug_proxy
scoop bucket add extras scoop install ios-webkit-debug-proxy
如果提示ios-webkit-debug-proxy在scoop不存在,可以多重试先把extras删了,在执行add
scoop bucket rm extras
scoop bucket add extras
scoop install ios-webkit-debug-proxy
也可以从github上下载包进行安装:
https://github.com/google/ios-webkit-debug-proxy
2.3 安装调试器
npm install -g vs-libimobile
npm install remotedebug-ios-webkit-adapter -g
2.4 开启iphone调试
手机也需要用数据线连接,并安装好相应的驱动,如果是抓取ios自带的safari浏览器上访问的网页的话,还需要在iphone的设置->safari浏览器-->高级->(web)网页检查器,打开对应的开关。
2.5 让您的计算机信任您的iOS设备
将Iphone手机连接电脑,必须点击“信任”,并打开 itunes, 以确保手机连接
这里显示您的手机名,表示手机已连接电脑
2.6 运行命令
remotedebug_ios_webkit_adapter --port=9000
#ios-webkit-debug-proxy 将自动为您运行 无需单独启动
--port=9000, 9000是端口,默认是9000,可以随心情更改
2.7 打开chrome, 输入网址: chrome://inspect/#devices
输入端口号9000,这里的9000和2.6的端口对应,
在Discover USB devices后面点击Port forwarding...,按照下面的配置添加9221端口,然后刷新页面,就可以捕捉到手机上访问的web网页地址
点击 inspect, 即可调试
如果点击inspect会出现http/404,需要f-a-n-q-i-a-n-g或d-a-i-l-i 一次