window 使用 Edge/Chrome 调试手机 iOS 的 Safari /app浏览器

769 阅读2分钟

执行步骤参考博客blog.csdn.net/Jioho_chen/…

安装需要的依赖包,需要在Window PowerShell下执行(因为要安装window的包管理器,cmd搞不定)

环境安装完毕后,第二次调试只需要执行 步骤六.启用调试 remotedebug_ios_webkit_adapter --port=9000

一、安装 scoop(windows 的包管理工具)

1.修改执行策略,选择是 or 全是
set-executionpolicy unrestricted -s cu

image.png 2.安装scoop
iex (new-object net.webclient).downloadstring('get.scoop.sh')

二、通过 scoop 安装 ios_webkit_debug_proxy

1.安装 extras
scoop bucket add extras
2.安装 ios-webkit-debug-proxy
scoop install ios-webkit-debug-proxy

如果出现如下错误:Couldn’t find manifest for ‘ios-webkit-debug-proxy’.
主要原因还是 scoop bucket add extras 安装不太顺利,卸载 bucket 后重新安装

# 卸载
scoop bucket rm extras
# 重装
scoop bucket add extras
# 再次安装 ios-webkit-debug-proxy
scoop install ios-webkit-debug-proxy

三.安装调试依赖包

安装 remotedebug-ios-webkit-adapter 之前必须安装了 vs-libimobile
注意 2 个命令都有 -g 安装到全局命令中,不然在其他地方用不了

npm install vs-libimobile -g
npm install remotedebug-ios-webkit-adapter -g

四.确保 iOS 启用了调试

浏览器调试:设置 => Safari 浏览器 => 高级 => web 检查器 => 启用
如果是app调试,需要配置可抓包的测试app

五.数据线连接电脑

安装 iTunes 或者 爱思助手

安装的意义在于他们会调用 iOS 系统信任该电脑

  • 爱思助手

如果电脑第一次连接手机,会直接弹出“信任该电脑”的操作,跟着提示走就行

六.启用调试

先连接好手机,把爱思/iTures 打开,然后在 Window PowerShell中执行(指定了 9000 端口):

remotedebug_ios_webkit_adapter --port=9000

然后打开 chrome://inspect/#devices 或者 edge://inspect/#devices (就是浏览器的调试界面,谷歌浏览器国内网络限制如果没有vpn翻墙,会打不开页面)

image.png 配置下端口,因为我启动监听的就是 9000。所以就用 localhost:9000
然后刷新下手机的界面等待片刻就能看到:浏览器调试界面有网站地址显示

如果等了好久都不出来界面的情况,执行下面这个命令( chrome、edge 都生效)

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

白屏情况时,就把这个关了,重新执行下面的命令:

remotedebug_ios_webkit_adapter --port=9000

可能遇到的错误:第一步安装scoop时,如果报错描述为:# scoop安装时出现使用“1”个参数调用“DownloadString”时发生异常:“未能解析此远程名称:raw.githubusercontent.com。”
则是出现了解析不了ip 的问题,直接访问raw.githubusercontent.com显示dns查找失败

解决方法:可以拿这个网址的ip:199.232.68.133
在C:\Windows\System32\drivers\etc添加本地解析服务在hosts末尾加上199.232.68.133 raw.githubusercontent.com,如图: image.png
保存后,此时用cmd来ping 一下raw.githubusercontent.com

image.png 此时可解析该网址,就可以继续执行安装步骤了