iOS调试Webview

HTML、JS、CSS的Web三件套,时下占据了项目的主要业务部分,原生和JS的交互必不可少,下面总结iOS调试Webview的两种方法:

一、Safair浏览器调试方法

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


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

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

二、Google Chrome浏览器调试方法

( 参考链接

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浏览器调试方法。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问题来源 近来这段时间一直在写内嵌在App中的Html,虽然在HBuilder中可以轻易的使用各种浏览器轻易调试H...
    神经骚栋阅读 14,591评论 8 20
  • iOS调试WebView,简单到无门槛 温馨提示:直接在浏览器打开链接也是可以调试的,但是要注意一个问题,就是可能...
    KODIE阅读 2,166评论 0 0
  • 克洛代尔说,我们给予一个人的对于另一个人来说,就是不同方面下的上帝,他指出,正如同类的爱一样,上帝的爱也以相同的方...
    书青麦阅读 1,742评论 0 0
  • 今天早上我刚醒还没有吃饭,爸爸买了牛肉,妈妈让我赶紧起来喂小乌龟吃饭,我立马爬了起来穿好了衣服。 我拿了一块儿牛肉...
    王琰wy阅读 1,616评论 0 1
  • 昨天发了一条圈,说身边的人开始“爆发”,自己还是不紧不慢的步调。被好友评论说永远娴静淡雅,哈哈,好像是这样。 就说...
    夏小雨_阅读 1,643评论 3 4

友情链接更多精彩内容