iOS簡單到無門檻調(diào)試WebView的步驟詳解
問題來源
近來這段時間一直在寫內(nèi)嵌在App中的Html,雖然在HBuilder中可以輕易的使用各種瀏覽器輕易調(diào)試Html,但是在Xcode中想調(diào)試Html卻并不容易.Xcode的圖形調(diào)試界面只能調(diào)試原生的UI.WKWebView和UIWebView只能顯示黑屏.
如下圖所示.
使用Safari瀏覽器調(diào)試WebView
使用Safari瀏覽器調(diào)試WebView比較簡單無需過多的程序配置,只需點擊幾個開關(guān)按鈕即可.
首先打開模擬器或者真機設置中"Safari瀏覽器"→"高級"→"Web檢查器"的開關(guān) 如下圖所示.
然后我們打開Mac電腦的Safari瀏覽器,打開系統(tǒng)偏好設置(快捷鍵 commond + ,)或者如下圖所示.
點擊菜單中的"高級",然后勾選"在菜單欄中顯示"開發(fā)"菜單".方便我們進行快速的調(diào)試.
這時候真機連接上數(shù)據(jù)線.或者開啟模擬器就能在菜單欄"開發(fā)"選項中找到我們的設備或者是模擬器.
接下來我們只需要跑起我們的工程進入對應的WebView頁面即可進行調(diào)試.
調(diào)試界面如下所示.
總結(jié)
其實以前因為WebView使用的較少,調(diào)試都是有專門的前端同事來做.所以這方面不是很了解,現(xiàn)在這么一弄,確實又是一大助力感謝各位大佬查看本篇博客.如果有任何問題,歡迎批評指導
好了,以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關(guān)文章
iOS App設計模式開發(fā)之適配器模式使用的實戰(zhàn)演練
這篇文章主要介紹了iOS App設計模式開發(fā)之適配器模式的使用實例,示例代碼為傳統(tǒng)的Objective-C語言,需要的朋友可以參考下2016-03-03怎么防止ios系統(tǒng)被抓包?防止ios系統(tǒng)被抓包的方法
怎么防止ios系統(tǒng)被抓包?下面小編就為大家分享一篇防止ios系統(tǒng)被抓包的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12iOS App中數(shù)據(jù)管理框架Core Data的基本數(shù)據(jù)操作教程
Core Data框架能夠為我們提供比操作SQL關(guān)系型數(shù)據(jù)庫更簡單的數(shù)據(jù)管理方式,而且內(nèi)置于Xcode中配合IDE操作十分方便,下面我們就來看一下iOS App中數(shù)據(jù)管理框架Core Data的基本數(shù)據(jù)操作教程2016-06-06ios App加載本地HTML網(wǎng)頁,點擊網(wǎng)頁鏈接跳轉(zhuǎn)到app頁面的方法
下面小編就為大家分享一篇ios App加載本地HTML網(wǎng)頁,點擊網(wǎng)頁鏈接跳轉(zhuǎn)到app頁面的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01IOS 開發(fā)之UITableView 刪除表格單元寫法
這篇文章主要介紹了IOS 開發(fā)之UITableView 刪除表格單元寫法的相關(guān)資料,這里提供實例幫助大家實現(xiàn)該功能,希望能幫助到大家,需要的朋友可以參考下2017-08-08iOS使用音頻處理框架The Amazing Audio Engine實現(xiàn)音頻錄制播放
這篇文章主要為大家詳細介紹了iOS使用音頻處理框架The Amazing Audio Engine實現(xiàn)音頻錄制播放,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-04-04