knowledge-kit/Chapter1 - iOS/1.4.md

如何优雅地调试手机网页

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

• 1、打开真机（模拟器）的开发者模式 【设置】-> 【Safari】 -> 【高级】 -> 【Web检查器】打开

• 2、打开MBP上的Safari的开发者模式： 【Safari】->【偏好设置】->【高级】-> 【在菜单栏中显示“开发”菜单】勾选。

• 3、调试你的WebView页面。

• 4、在MBP的Safari选项中的开发，看到手机，右击可以看到正在调试的WebView的url

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