wkwebview和UIWebView除錯技巧
在進行iOS載入網頁開發過程中,碰到某個介面有問題需要陪著web開發人員進行除錯測試,這是一個非常揪心的問題。所以必須掌握safari對webview進行除錯的技巧。
1、開啟模擬器(真機)的開發者模式
【設定】->【Safari】->【高階】->【Web檢查器】開啟
2、開啟Mac上Safari的開發者模式
【Safari】->【偏好設定】->【高階】->【在選單欄中顯示“開發”選單】勾選
3、mac電腦有xcode的時候,使用xcode執行程式到模擬器/iphone。(注意iphone不能鎖屏)
如果mac電腦沒有xcode的時候,把mac和手機通過資料線連線,在手機上開啟需要除錯的軟體。注意iphone不能鎖屏)
自動彈出下圖:
但是這還沒有看到網頁原始碼,我們需要
【開發】->【xxx的iphone】->【Title】勾選 如下圖:
然後彈出如下圖:
看到上面的圖你就熟悉了吧,web人員開發web時候通過瀏覽器除錯時候,都是用的這個介面,交給web開發人員,他就可以搞定一切了。
相關文章
- UIWebview 與WKWebviewUIWebView
- 從 UIWebView 到 WKWebViewUIWebView
- iOS UIWebView、WKWebView注入CookieiOSUIWebViewCookie
- iOS 中UIWebView與WKWebViewiOSUIWebView
- 使用WKWebView替換UIWebViewWebViewUI
- Hybrid治理(UIWebView&WKWebView)UIWebView
- ios uiwebview wkwebview注意點小記iOSUIWebView
- UIWebView/WKWebView對標籤攔截UIWebView
- 【iOS開發】從UIWebView到WKWebViewiOSUIWebView
- 比UIWebView更強大好用的WKWebViewUIWebView
- iOS 和 H5 互動那些事 (UIWebView、WKWebView 總結篇)iOSH5UIWebView
- JavaScript 除錯建議和技巧JavaScript除錯
- eclipse除錯的方法和技巧Eclipse除錯
- Chrome 除錯技巧Chrome除錯
- css除錯技巧CSS除錯
- iOS UIScrollVIew UITableView UIwebView WKWebView 截全圖,生成全圖方法iOSUIWebView
- iOS H5容器的一些探究(一):UIWebView和WKWebView的比較和選擇iOSH5UIWebView
- VC++除錯技巧C++除錯
- chrome的除錯技巧Chrome除錯
- Xcode 除錯技巧XCode除錯
- JavaScript 反除錯技巧JavaScript除錯
- 前端js除錯技巧前端JS除錯
- docker 容器除錯技巧Docker除錯
- 5 個 JavaScript 除錯技巧JavaScript除錯
- Flash builder 除錯技巧 (分享)UI除錯
- 5 個JavaScript除錯技巧JavaScript除錯
- TRACE32 除錯技巧除錯
- 一路踩坑,被迫聊聊 C# 程式碼除錯技巧和遠端除錯C#除錯
- Chrome 中的 JavaScript 斷點設定和除錯技巧ChromeJavaScript斷點除錯
- 很好用的 UI 除錯技巧UI除錯
- React Native / React除錯技巧React Native除錯
- console 除錯技巧除錯
- Xcode除錯技巧之:LLDBXCode除錯LLDB
- 谷歌瀏覽器除錯技巧谷歌瀏覽器除錯
- VS除錯技巧之附加程式除錯
- Python 程式碼除錯技巧Python除錯
- 小技巧 - CSS中:hover除錯CSS除錯
- debug技巧之本地除錯除錯