使用safari對webview進行調試

在web開發的過程當中，抓包、調試頁面樣式、查看請求頭是很經常使用的技巧。其實在iOS開發中，這些技巧也能用（不管是模擬器仍是真機），不過咱們須要用到mac自帶的瀏覽器Safari。因此，本文將講解如何使用Safari對iOS程序中的webview進行調試。

一、打開真機（模擬器）的開發者模式

【設置】-> 【Safari】 -> 【高級】 -> 【Web檢查器】打開

二、打開MBP上的Safari的開發者模式：

【Safari】->【偏好設置】->【高級】-> 【在菜單欄中顯示「開發」菜單】勾選。

三、調試你的WebView頁面。

四、在MBP的Safari選項中的開發，看到手機，右擊能夠看到正在調試的WebView的url

五、在彈出的這個框裏面能夠查看網頁源代碼以及能夠調試樣樣式、查看localStorage、sessionStorage、Cookie的值等等，給原生端調試帶來很大方便，不過這樣前端調試更加方便啊，谷歌的模擬器不能徹底模真實環境下的iphone使用效果啊。