safari浏览器调试ios app中的web页面

目前很多app都包含web页面，在测试过程中，若页面出现问题，就可以借助电脑浏览器的inspect来检测问题，下面记录通过safari浏览器检测ios app中的web页面的具体操作步骤

1. 安装依赖

前提：

• 安装依赖前需要确保itunes是最新版
• 确保你的mac电脑有安装Homebrew

安装 ios-webkit-debug-proxy 和 libimobiledevice：运行以下命令：

brew update
brew unlink libimobiledevice ios-webkit-debug-proxy usbmuxd
brew uninstall --force libimobiledevice ios-webkit-debug-proxy usbmuxd
brew install --HEAD usbmuxd
brew install --HEAD libimobiledevice
brew install --HEAD ios-webkit-debug-proxy

安装 remotedebug-ios-webkit-adapter（默认安装最新版）：

npm install remotedebug-ios-webkit-adapter -g

2. 打开ios中的web inspector

到手机的：设置 - safari - 高级：打开Javescript 和 网页检查器（web inspector）

3. 开启mac电脑中safari浏览器的开发菜单

打开safari - perferences - 高级：

4. 运行adapter：

运行以下命令：

remotedebug_ios_webkit_adapter --port=9000

ps： ios-webkit-debug-proxy 会自动运行，不需要去手动开启

5. 开始检测手机app中的web页面

打开app中的web页面，查看电脑上的safari-开发菜单，找到对应的手机，就会出现可以检测的网页：

点击网页打开：