前期准备
- PC端安装Chrome浏览器。
- 苹果手机一部。
- 连接电脑数据线一条。
- 梯子。
- PC端安装iTunes或者爱思助手。
苹果手机设置
打开“设置”→找到“Safari 浏览器”点击进去→往下滑找到“高级”进行点击→打开“Web检查器”。
电脑配置步骤
安装scoop
- 搜索PowerShell并使用管理员模式进行打开。
- 修改执行策略。
set-executionpolicy unrestricted -s cu -
安装scoop，scoop会默认安装到C:\Users\（自己的用户名）\scoop文件夹里面，也可以指定安装目录。
iex (new-object net.webclient).downloadstring('https://get.scoop.sh') - 如果报错遇到如下图所示：
那么可以开启梯子之后，重新执行，顺利的话可以解决这个问题
如果开了梯子之后，还是一直无法解决怎么办？这个时候使用下面这句
iex "& {$(irm get.scoop.sh)} -RunAsAdmin"
如果以上办法还没能够解决？那么换成国内平台
scoop config SCOOP_REPO https://gitee.com/glsnames/scoop-installer
更新依赖
scoop update正常到这里应该都解决这个问题了，如果还是不行怎么办？自行Google吧。
安装ios-webkit-debug-proxy
-
scoop bucket add extras备注：出现已经存在的情况，按照提示scoop bucket rm extras移除之后再重新安装
-
scoop install ios-webkit-debug-proxy第一次安装会出现安全警报，点击允许访问即可。
去Chrome进行端口配置
- 打开chrome://inspect/#devices
- 填写端口号和地址：9000 localhost:9000
- 苹果手机连接电脑，点击“信任”，并打开iTunes或者爱思助手确保手机已经处于连接状态
- 打开命令行输入
remotedebug_ios_webkit_adapter --port=9000可以在浏览器输入 localhost:9000查看确保已经连接成功
-
点击inspect跳转到调试页面。
遇到的问题
- 如果打开chrome://inspect/#devices，但是很久都没有看到应用列表怎么办。关闭remotedebug_ios_webkit_adapter --port=9000，执行下面的代码：
ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html这个时候过一会，大概率是能看到应用了，并且已经出现了inspect按钮。这个时候点击过去，大概率页面会是空白
这个时候，浏览器输入http://localhost:9222/，你会看到下面的页面：这个时候随便选择一个页面，右键复制链接到调试页面进行输入，这个时候输入回车，你会发现并没有什么用
-
最后终极大法，重启电脑，重新按照步骤启动即可。接下来又可以进行快乐的调试了
