1. web 调试

1.1. 移动设备web页在PC上调试

1.1.1. chrome

command + shift + m

1.1.2. safari

开发 > 进入响应式设计模式

1.2. iOS 真机调试

1.2.1. 使用 Safari 调试

手机端:设置 > Safari > 高级 > Web 检查器 > 开。 iOS 11 及以上可以进入 设置 > Safari > 高级 > Experimental Features > 开启你需要调试的选项。

Safari打开开发模式:Safari > 偏好设置 > 高级 > 勾选 在菜单栏中显示“开发”菜单

Safari调试:开发 > iOS 设备的名称 > 其子菜单项即为移动设备上 Safari 的所有标签页,点击任意一个开始调试。

有时候会出现 Safari 找不到设备或者设备不显示网站列表的情况。重启 Mac Safari。

这种方式只适用于 Safari 浏览器,和 debug 模式 App 内嵌的 webview,生产模式内嵌的 webview 无法调试

1.2.2. ios_webkit_debug_prox

这种方式可以有更多的调试工具选择。但是 safari 不能调试还是不能调试。

1.2.3. remotedebug-ios-webkit-adapter

是基于 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

1.2.4. 重新签名打 develop 包

fastlane sigh resign 使用 develop 的描述文件重新签名发包。 这样就可以调试 App 内嵌的 webview。

1.3. Android 真机调试

Chrome inspect 可以直接调试模拟器中的 webview

chrome 中输入 chrome://inspect 选择设备,开始调试

[参考]

results matching ""

    No results matching ""