iOS-Chrome 调试 Web 页面

Chrome 调试

1. 安装 ios-webkit-debug-proxy

brew install ios-webkit-debug-proxy

2. 启动 proxy 监听

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

失败a：
Listing devices on :9221
Could not connect to lockdownd, error code -19. Exiting.
Unable to attach cd65f69de2a78eaabb9dc5c38cdc9a34789303a2 inspector

解决a：
sudo chmod -R 777 /var/db/lockdown/

失败b：
chmod: Unable to change file mode on /var/db/lockdown/: Operation not permitted
chmod: /var/db/lockdown/: Operation not permitted
chmod: Unable to change file mode on /var/db/lockdown/: Operation not permitted

解决b：
重装 ios-webkit-debug-proxy 和 libimobiledevice

brew uninstall --force libimobiledevice ios-webkit-debug-proxy

brew install --HEAD libimobiledevice ios-webkit-debug-proxy

失败c：
Your Xcode (11.1) is outdated.
Please update to Xcode 11.4.1 (or delete it).
Xcode can be updated from the App Store.

解决c：
已下载完成 XCode 11.4.1

切换：
sudo xcode-select -s /Users/nazimai/Downloads/Xcode11.4.1.app

查看：
xcode-select -p

切换成功之后，再次执行解决b的操作。

失败d：

解决d（参考）：
brew unlink usbmuxd
brew uninstall usbmuxd
brew install --HEAD usbmuxd

失败e：

解决e：
brew unlink libplist
brew uninstall libplist
brew install --HEAD libplist

安装成功后，再次执行解决d的操作。

usbmuxd 安装成功后，再次执行解决b的安装操作。

失败f：

还是 libplist 的问题

解决f：
参照解决e再重新安装 libplist。

此处需要强制卸载：

libplist 安装成功之后，再次执行 brew install --HEAD libimobiledevice ios-webkit-debug-proxy 继续失败。

试试执行
brew install libimobiledevice ios-webkit-debug-proxy
成功。

再次执行监听，成功：

3. chrome 输入 localhost:9221

此时，在设备上打开 web 页面，就可以看到 localhost:9221 页面上有一个网址，右键复制并在新标签页中打开即可。

Safari 调试

参考

配置简单，只需要打开 Mac Safari 的开发模式，以及真机 Safari 设置-> 高级 里的 web检查器 即可。

感觉真机不太稳定，若是模拟机，可以很方便查看 web 页面元素。

=================================================================
个人博客
Github
个人公众号：Flutter小同学

个人网站