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

chrome真机调试ios相关推荐

前端真机调试 IOS 安卓
真机调试IOS && 安卓需要准备的装备: 手机一台数据线 IOS(iTunes) Node.js 环境 powershell 7 搭建环境: windows 10 需要安装Nod ...
使用Xcode 7 beta免费真机调试iOS应用程序
今天凌晨的WWDC15虽然没有熬夜守候吧,但也还是早起第一时间翻看了twitter的相关标签,发现比较实惠的一点就是新的Xcode 7可以在不加入每年99刀的Apple Developer Progr ...
Xcode7.2如何真机调试iOS 9.3的设备
在测试iOS app或者是开发过程中,总会遇到各种各样的升级,比如XCode的升级,MAC OS 的升级,iOS系统升级,这种种升级,个人比较讨厌的是iOS系统的升级,它总是在你调试代码或者是测试过程 ...
Xcode 真机调试 iOS 应用的各种问题和解决方法
process launch failed: Security 解决方法:打开手机设置->通用->设备管理->点击你的开发者账号->信任 ------------------- ...
Chrome真机调试安卓和ios
使用Chrome调试工具需要翻墙,在地址栏中输入chrome://inspect/#devices 选中discover usb devices. 安卓(安卓4.4版本以上) 1.在android设备 ...
uniapp真机调试IOS样机（Windows）
1.目前选用HBuilderX版本3.2.16.20211122(之前更新了版本发现无法连接真机) 链接: https://pan.baidu.com/s/1oKNGdY4v4vNWfDu-Nedvo ...
chrome真机调试Android
1. 打开Android手机的调试模式将手机与电脑用数据线连接,确保电脑上安装了手机的驱动,手机打开调试模式 2.打开chrome, 输入网址: chrome://inspect/#devices ...
hbuilderx uniapp 【成功示例】windows真机调试iOS
1. 下载并安装iTunes 下载地址: https://pc.qq.com/search.html#!keyword=itunes 2. 下载并安装itools4 itools4官网,点击进入: h ...
Flutter开发之iOS真机调试（六）
一.首先你要有个开发者账号. 二.真机数据线直连Mac 电脑,并保持解锁状态. 三.选择真机设备运行工程. VS Code 终端执行 lxx-Mac-mini:uuuu suning$ flutter ...
iOS Xcode7上真机调试
在Xcode7上进行真机调试,不需要证书,步骤如下: 1. 2. 3. 4. 5.添加Apple ID后会显示两个Free,表示可以免费真机调试iOS应用和Mac应用,选中高亮选项,点击view de ...

chrome真机调试ios