谷歌浏览器html调试iphone11,如何用windows电脑+ios调试手机上打开的网页

一、环境

PC chrome浏览器(版本45、46)

IOS safari浏览器(11.2.6)

win系统(win7、win10)

一根USB数据线

二、打开iphone上 Safari浏览器的web检查器

设置 --> Safart浏览器 ---> 高级--- > 打开Web检查器

三、windows上安装iTunes

下载地址：iTunes

四、windows上安装ios-webkit-debug-proxy

1.打开powerShell,一般windows10自带，无需安装

在搜索框内输入powerShell选择如下应用即可

2.安装ios_webkit_debug_proxy

2.1 安装scoop(一个安装工具)，在powershell应用中运行如下命令

2.1.1    set-executionpolicy unrestricted -s cu            //修改执行策略，选择是

2.1.2    iex (new-object net.webclient).downloadstring('https://get.scoop.sh')         //安装scoop

运行结果如下：

2.2 安装ios_webkit_debug_proxy，在powershell应用中运行如下命令

2.2.1    scoop bucket add extras

2.2.2    scoop install ios-webkit-debug-proxy

运行结果如下：

3.添加设备端口

在chrome://inspect/#devices添加设备端口，在红圈处进行添加。

4. windows上下载ios-webkit-debug-proxy-1.8-win64-bin.zip包

下载地址：ios-webkit-debug-proxy-1.8-win64-bin.zip

五、运行

1.解压ios-webkit-debug-proxy-1.8-win64-bin.zip,进入解压后目录，输入cmd进入命令，输入下面的指令

ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

2.USB数据线连接电脑和手机，在windows上打开iTunes，如下表示链接成功

3.手机上打开一个地址：例如百度

4.打开127.0.0.1:9221，即可看到链接上的设备

5.然后点击127.0.0.1:9222跳转到下面的页面，右键单击------选择------>复制链接地址

将复制的地址粘贴到chrome的新窗口中即可