使用safari对webview进行调试

在web开发的过程当中，抓包、调试页面样式、查看请求头是很经常使用的技巧。其实在iOS开发中，这些技巧也能用（不管是模拟器仍是真机），不过咱们须要用到mac自带的浏览器Safari。因此，本文将讲解如何使用Safari对iOS程序中的webview进行调试。

一、打开真机（模拟器）的开发者模式

【设置】-> 【Safari】 -> 【高级】 -> 【Web检查器】打开

二、打开MBP上的Safari的开发者模式：

【Safari】->【偏好设置】->【高级】-> 【在菜单栏中显示“开发”菜单】勾选。

三、调试你的WebView页面。

四、在MBP的Safari选项中的开发，看到手机，右击能够看到正在调试的WebView的url

五、在弹出的这个框里面能够查看网页源代码以及能够调试样样式、查看localStorage、sessionStorage、Cookie的值等等，给原生端调试带来很大方便，不过这样前端调试更加方便啊，谷歌的模拟器不能彻底模真实环境下的iphone使用效果啊。