网络知识 娱乐 chrome真机调试ios

chrome真机调试ios

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 一次