如何使用chrome调试iphone页面?win10 remotedebug-ios-webkit-adapter 安装与使用
先放个原版教程链接,请戳这里 https://github.com/RemoteDebu...
使用chrome devtools 调试 iphone 页面,需安装 remotedebug-ios-webkit-adapter 工具。
这个 adapter 可牛批坏了,可以通过VS Code,Chrome DevTools,Mozilla Debugger.html和其他与Chrome调试协议兼容的工具调试iOS上的Safari和WebViews。
且看以下具体步骤。
开始
在使用此适配器之前,您需要确保安装了最新版本的iTunes,因为我们需要iTunes提供的一些库来与iOS设备通信。
安装依赖项
1、安装scoop(windows的包管理工具)
#修改执行策略,选择是 or 全是 set-executionpolicy unrestricted -s cu #安装scoop iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
2、通过scoop安装 ios_webkit_debug_proxy
scoop bucket add extras scoop install ios-webkit-debug-proxy npm install -g vs-libimobile
3、安装最新版本的 remotedebug-ios-webkit-adapter
npm install remotedebug-ios-webkit-adapter -g
4、在Safari中启用远程调试
为了显示您的iOS设备,您需要启用启用开发者模式进行调试。
*Iphone => 设置 => Safari 浏览器 => 高级 => web检查器 => 启用*
5、让您的计算机信任您的iOS设备
将Iphone手机连接电脑,必须点击“信任”,并打开 itunes, 以确保手机连接。
6、打开你喜欢的命令行工具,运行以下命令:
remotedebug_ios_webkit_adapter --port=9000 #ios-webkit-debug-proxy 将自动为您运行 无需单独启动
7、 打开chrome, 输入网址: chrome://inspect/#devices
如下图所示,点击 inspect, 即可调试。
恭喜你,现在可以愉快的调试网页了
以下是iphone上看到的效果:
*指哪打哪,简直不要太牛批*
PS:请多多指正!别忘记点个赞哟~ 并回敬您一个猿式的微笑。 :)
相关推荐
liuxudong00 2020-11-19
leitingdulante 2020-10-21
xuegangic 2020-10-17
章鱼之家 2020-10-29
硬币0 2020-10-15
ZuoYanDeHuangHun 2020-09-18
chsoft 2020-09-17
MatrixHero 2020-08-20
XxZproject 2020-08-10
定格 2020-08-15
Mryiyi 2020-08-07
ydc0 2020-07-30
yechen00 2020-07-25
孝平 2020-07-18
ntfsformac 2020-06-23
好好学习天天 2020-06-12
Charliewolf 2020-06-05
MAC2007 2020-06-04
fanxiaoxuan 2020-06-03