iOS调试WebView,简单到无门槛
2018-07-11 本文已影响477人
神经骚栋
![](https://img.haomeiwen.com/i1396375/f62d4a9214eaa24b.jpg)
问题来源
近来这段时间一直在写内嵌在App中的Html,虽然在HBuilder中可以轻易的使用各种浏览器轻易调试Html,但是在Xcode中想调试Html却并不容易.Xcode的图形调试界面只能调试原生的UI.WKWebView和UIWebView只能显示黑屏.如下图所示.
![](https://img.haomeiwen.com/i1396375/fc976472b3a0fdf5.png)
使用Safari浏览器调试WebView
使用Safari浏览器调试WebView比较简单无需过多的程序配置,只需点击几个开关按钮即可.
首先打开模拟器或者真机设置中"Safari浏览器"→"高级"→"Web检查器"的开关 如下图所示.
![](https://img.haomeiwen.com/i1396375/1bcc732f590bb2d0.png)
然后我们打开Mac电脑的Safari浏览器,打开系统偏好设置(快捷键 commond + ,)或者如下图所示.
![](https://img.haomeiwen.com/i1396375/f6083ef2b1d66d46.png)
点击菜单中的"高级",然后勾选"在菜单栏中显示"开发"菜单".方便我们进行快速的调试.
![](https://img.haomeiwen.com/i1396375/e3a8f1027d2e3e17.png)
这时候真机连接上数据线.或者开启模拟器就能在菜单栏"开发"选项中找到我们的设备或者是模拟器.
![](https://img.haomeiwen.com/i1396375/1c1e5c1d52484bd3.png)
接下来我们只需要跑起我们的工程进入对应的WebView页面即可进行调试.
![](https://img.haomeiwen.com/i1396375/ac5870c2abcdfed3.png)
调试界面如下所示.
![](https://img.haomeiwen.com/i1396375/d66f8c279014fb77.png)
总结
其实以前因为WebView使用的较少,调试都是有专门的前端同事来做.所以这方面不是很了解,现在这么一弄,确实又是一大助力感谢各位大佬查看本篇博客.如果有任何问题,欢迎批评指导
![](https://img.haomeiwen.com/i1396375/039b9d91827a61c8.gif)