前端真机调试 IOS 安卓

真机调试IOS && 安卓

需要准备的装备：

• 手机一台
• 数据线
• IOS（iTunes）
• Node.js 环境
• powershell 7

搭建环境：

windows 10 需要安装Node.js、scoop、vs-libimobile、ios-webkit-debug-proxy、remotedebug_ios_webkit_adapter

step1：

安装Node.js 前端环境，去官网下载Node.js 安装包，无脑下一步安装；

step2：

安装scoop，scoop为Windows平台的软件（包）管理器，可以理解为npm

# 安装scoop
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

scoop的详细配置和步骤可以参考本篇 Windows下Scoop安装、配置与使用

step3：

通过scoop安装ios_webkit_debug_proxy

scoop bucket add extras
scoop install ios-webkit-debug-proxy

step4：

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

step5：

开启手机调试功能

step6：

运行cmd 命令行

remotedebug_ios_webkit_adapter --port=9000

step7：

打开浏览器 在网址栏输入chrome://inspect/#devices 进去驱动模式

这个时候 需要在页面中的 Discover network targets和Discover USB devices中输入对应的端口号。

点击inspect调试

注意事项

如果出现404或者没有响应，这个时候 需要 fanqiang 或者 安装工具包；