教你如何使用Windows电脑对IOS手机上的网页进行调试

前期准备

1. PC端安装Chrome浏览器。
2. 苹果手机一部。
3. 连接电脑数据线一条。
4. 梯子。
5. PC端安装iTunes或者爱思助手。

苹果手机设置

打开“设置”→找到“Safari 浏览器”点击进去→往下滑找到“高级”进行点击→打开“Web检查器”。

电脑配置步骤

安装scoop

1.  搜索PowerShell并使用管理员模式进行打开。
2. 修改执行策略。

   set-executionpolicy unrestricted -s cu 

3. 安装scoop，scoop会默认安装到C:\Users\（自己的用户名）\scoop文件夹里面，也可以指定安装目录。

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

4. 如果报错遇到如下图所示：​​

那么可以开启梯子之后，重新执行，顺利的话可以解决这个问题​

如果开了梯子之后，还是一直无法解决怎么办？这个时候使用下面这句

iex "& {$(irm get.scoop.sh)} -RunAsAdmin"

​

如果以上办法还没能够解决？那么换成国内平台
 

scoop config SCOOP_REPO https://gitee.com/glsnames/scoop-installer

更新依赖   

scoop update

正常到这里应该都解决这个问题了，如果还是不行怎么办？自行Google吧。
 

安装ios-webkit-debug-proxy

1. scoop bucket add extras

   备注：出现已经存在的情况，按照提示scoop bucket rm extras移除之后再重新安装

2. scoop install ios-webkit-debug-proxy

   第一次安装会出现安全警报，点击允许访问即可。

去Chrome进行端口配置

1. 打开chrome://inspect/#devices
2. 填写端口号和地址：9000 localhost:9000
3. 苹果手机连接电脑，点击“信任”，并打开iTunes或者爱思助手确保手机已经处于连接状态
4. 打开命令行输入

   remotedebug_ios_webkit_adapter --port=9000

   可以在浏览器输入 localhost:9000查看确保已经连接成功

5. 点击inspect跳转到调试页面。
    

遇到的问题

1. 如果打开chrome://inspect/#devices，但是很久都没有看到应用列表怎么办。关闭remotedebug_ios_webkit_adapter --port=9000，执行下面的代码：

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

   这个时候过一会，大概率是能看到应用了，并且已经出现了inspect按钮。这个时候点击过去，大概率页面会是空白
   这个时候，浏览器输入http://localhost:9222/，你会看到下面的页面：这个时候随便选择一个页面，右键复制链接到调试页面进行输入，这个时候输入回车，你会发现并没有什么用

2. 最后终极大法，重启电脑，重新按照步骤启动即可。接下来又可以进行快乐的调试了