command + shift + m
开发 > 进入响应式设计模式
手机端:设置 > Safari > 高级 > Web 检查器 > 开。 iOS 11 及以上可以进入 设置 > Safari > 高级 > Experimental Features > 开启你需要调试的选项。
Safari打开开发模式:Safari > 偏好设置 > 高级 > 勾选 在菜单栏中显示“开发”菜单
Safari调试:开发 > iOS 设备的名称 > 其子菜单项即为移动设备上 Safari 的所有标签页,点击任意一个开始调试。
有时候会出现 Safari 找不到设备或者设备不显示网站列表的情况。重启 Mac Safari。
这种方式只适用于 Safari 浏览器,和 debug 模式 App 内嵌的 webview,生产模式内嵌的 webview 无法调试
这种方式可以有更多的调试工具选择。但是 safari 不能调试还是不能调试。
是基于 ios_webkit_debug_prox 的封装
使用方法:
安装 ios-webkit-debug-proxy
brew update
brew unlink libimobiledevice ios-webkit-debug-proxy usbmuxd
brew uninstall --force libimobiledevice ios-webkit-debug-proxy usbmuxd
brew install --HEAD libimobiledevice
brew install --HEAD usbmuxd
brew install --HEAD ios-webkit-debug-proxy
安装 remotedebug-ios-webkit-adapter
npm install remotedebug-ios-webkit-adapter -g
�打开模拟器或真机 必须在启动 remotedebug-ios-webkit-adapter 前打开
经测试,iOS12 模拟器不可用,其它模拟器如果出现无法调试问题,请 Hardware > Erase All Content and Settings... 后重试
开启调试权限
Settings > Safari > Advanced > Web Inspector = ON
启动 remotedebug-ios-webkit-adapter
remotedebug_ios_webkit_adapter --port=9000
chrome 添加 9000 端口监听
chrome://inspect/#devices > Discover network targets Configure > 添加 localhost:9000
fastlane sigh resign
使用 develop 的描述文件重新签名发包。 这样就可以调试 App 内嵌的 webview。
Chrome inspect 可以直接调试模拟器中的 webview
chrome 中输入 chrome://inspect 选择设备,开始调试
[参考]