iOS调试Webview

Posted 2023-05-04

参考技术A html、JS、CSS的Web三件套，时下占据了项目的主要业务部分，原生和JS的交互必不可少，下面总结ios调试Webview的两种方法：

1.在手机设置里，找到Safair浏览器，在高级里启用Web检查器；

2.Mac上Safair浏览器，在偏好设置高级选项底部勾选“在菜单栏中显示开发菜单”；

3.手机连接Xcode工程，操作App跳转到JS页面，点击Mac上的Safair浏览器，在开发选项下拉菜单中，找到手机名称对应的html页面即可进入调试器；

( 参考链接 ）

1.使用brew安装 ios-webkit-debug-proxy
brew install ios-webkit-debug-proxy
若上面的命令不有效，尝试下面的命令安装
brew uninstall --force libimobiledevice ios-webkit-debug-proxy
brew install --HEAD libimobiledevice ios-webkit-debug-proxy

2.安装成功后，在终端输入下面的命令
ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

若有问题，报错Could not connect to lockdownd. Exiting.: Permission denied，可输入下面的命令，再次尝试
sudo chmod -R 777 /var/db/lockdown/

3.保持终端命令连接状态，在chrome浏览器中打开 localhost:9221 ，点击真机选项；

4.操作App跳转到JS页面，下面两种方式均可进入调试器：
(1)在Mac的chrome中刷新页面，选中要打开的html连接，右键点击“复制链接地址”，新建标签页，在地址栏粘贴地址，按enter键进入；
(2)直接在谷歌浏览器地址栏中输入 chrome://inspect/#devices ，点击Target下方的inspect进入；

备注：
（1）手机上也要安装谷歌浏览器，否则终端可能无法连接到真机；
（2）复制JS页面地址时，不要用cmd+c快捷键，要右键单击“复制链接地址”，然后新建标签页，粘贴地址打开；

总结：
两种浏览器相比较，虽然Safair调试器打开方便，但容易卡住，有时无法查看JS的变量值，甚至打断点会闪退，建议使用Google Chrome浏览器调试方法。

iOS Safari浏览器调试WebView

参考技术A 自带safari浏览器就可以调试，方法如下：

1.打开手机设置->safari浏览器->高级（拉倒最下方）->打开下图2个选项：

2.电脑Safari浏览器偏好设置->高级->底部勾上，菜单里有开发选项的自行忽略

然后就在菜单里开发选项里选择自己的手机（模拟器也是可以的），列表里会显示加载的url，选择对应的url就可以开始调试了，可以看js，打断点，控制台输命令等。比如我们这里弹个alert