如何用windows电脑+ios调试手机上打开的网页

如何用windows电脑+ios调试手机上打开的网页

一、环境

1. PC chrome浏览器（版本45、46）
2. IOS safari浏览器（11.2.6）
3. win系统（win7、win10）
4. 一根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应用中运行如下命令

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

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

运行结果如下： 

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

scoop bucket add extras

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的新窗口中即可