刨刨window中调试iOS中的Safari网页的坑
千篇一律的网络教程导致有刨坑艰难,还好坑不大简单刨刨就好了~
其实整体流程确实与百度上的一样的,不过有些隐藏的小坑小哇而已,所以记录下配合“千篇一律”百度方法的填坑记录‘
准备
打开电脑的powershell
安装
1. 安装scoop
# 使用Powershell进行安装
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
# 如果安装失败,请执行以下命令再重新安装
Set-ExecutionPolicy RemoteSigned -scope CurrentUser
一号坑冒泡
你会发现无论如何你请求都会失败,不用怀疑你的网络,只是你需要绑个HOST
199.232.68.133 raw.githubusercontent.com
原因是什么呢?
浏览器访问 https://get.scoop.sh 是链接到 https://raw.githubusercontent.com/lukesampson/scoop/master/bin/install.ps1
所以呀除了上面的方法外其实也可以更改命令:
iex (new-object net.webclient).downloadstring('https://raw.githubusercontent.com/lukesampson/scoop/master/bin/install.ps1
2. 安装ios-webkit-debug-proxy
# 在Powershell中执行
scoop bucket add extras
scoop install ios-webkit-debug-proxy
二号坑冒泡
你会发现add extras 之后其实都是失败的,然后紧接着install也会失败
原因是什么呢?
因为在执行scoop bucket add extras 之前需要安装两样东西
所以呀我们需要补充执行以下命令
scoop install git curl 7zip
使用
1.启动工具
然后我们执行这个命令window的工作就完成了
# 在Powershell中执行,-f表示指定前端工具,这里使用chrome-devtools进行调试
ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html
2.链接手机
要保证iPhone/iPad能使用USB与电脑正常连接
在iOS中打开调试模式:设置->Safari->高级->Web 检查器
3.打开谷歌浏览器
根据powershell提示设备的端口号在chrome浏览器中输入localhost:端口号
三号坑冒泡
这个时候有些电脑会有个坑,会发现请求失败,这个时候我们可以改请求chrome://inspect
看需要或许有的还需要补个HOST