当前位置: 移动技术网 > 移动技术>移动开发>IOS > iOS简单到无门槛调试WebView的步骤详解

iOS简单到无门槛调试WebView的步骤详解

2019年07月24日  | 移动技术网移动技术  | 我要评论

问题来源

近来这段时间一直在写内嵌在app中的html,虽然在hbuilder中可以轻易的使用各种浏览器轻易调试html,但是在xcode中想调试html却并不容易.xcode的图形调试界面只能调试原生的ui.wkwebview和uiwebview只能显示黑屏.

如下图所示.

使用safari浏览器调试webview

使用safari浏览器调试webview比较简单无需过多的程序配置,只需点击几个开关按钮即可.

首先打开模拟器或者真机设置中"safari浏览器"→"高级"→"web检查器"的开关 如下图所示.


然后我们打开mac电脑的safari浏览器,打开系统偏好设置(快捷键 commond + ,)或者如下图所示.


点击菜单中的"高级",然后勾选"在菜单栏中显示"开发"菜单".方便我们进行快速的调试.


这时候真机连接上数据线.或者开启模拟器就能在菜单栏"开发"选项中找到我们的设备或者是模拟器.


接下来我们只需要跑起我们的工程进入对应的webview页面即可进行调试.


调试界面如下所示.

总结

其实以前因为webview使用的较少,调试都是有专门的前端同事来做.所以这方面不是很了解,现在这么一弄,确实又是一大助力感谢各位大佬查看本篇博客.如果有任何问题,欢迎批评指导

好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对移动技术网的支持。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网