文章目录
Step1:准备
Step2:下载插件 *remotedebug-ios-webkit-adapter*
下载插件所需环境
调整测试设备环境
确保电脑设置信任iOS设备
Step3:运行插件
Step4:打开调试网页窗口
一切就绪后
Step1:准备
下载iTunes:

在这里插入图片描述

 

https://www.apple.com/itunes/
点击下载64位的即可
(核心) 下载remote插件
准备ios数据线和ios设备(iPhone、iPad都可)
Step2:下载插件 remotedebug-ios-webkit-adapter
remotedebug-ios-webkit-adapter 官方网站:
https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter

下载插件所需环境
打开cmd或者powershell下载插件所需环境

scoop bucket add extras
scoop install ios-webkit-debug-proxy
1
2
使用npm下载最新版本的调试器
(需要node.js环境)

npm install remotedebug-ios-webkit-adapter -g
1
调整测试设备环境
打开iOS设备的
设置—>Safari浏览器—>高级—>将网页检查器打开

在这里插入图片描述

 


确保电脑设置信任iOS设备
在Windows上启动iTunes后会在连接的iOS设备上提示 "信任这台电脑 "对话框。

Step3:运行插件
用任意一种的命令行工具运行适配器(插件)
比如:CMD、PowerShell

remotedebug_ios_webkit_adapter --port=9000
1
这里的端口号可以任意设置

Step4:打开调试网页窗口
你可以通过利用Chrome浏览器调试工具,让你的iOS页面目标显示在Chrome的chrome://inspect/#devices页面中,需要添加运行适配器的计算机的IP,如localhost:9000。

在这里插入图片描述
一切就绪后

图片: https://uploader.shimo.im/f/Ii00027h7cvgrqIm.png 

 


点击inspect就可以轻松调试设备了~

在这里插入图片描述

 

例如下图:(记得翻墙)

Logo

鸿蒙生态一站式服务平台。

更多推荐