iOS簡(jiǎn)單到無(wú)門(mén)檻調(diào)試WebView的步驟詳解
問(wèn)題來(lái)源
近來(lái)這段時(shí)間一直在寫(xiě)內(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比較簡(jiǎn)單無(wú)需過(guò)多的程序配置,只需點(diǎn)擊幾個(gè)開(kāi)關(guān)按鈕即可.
首先打開(kāi)模擬器或者真機(jī)設(shè)置中"Safari瀏覽器"→"高級(jí)"→"Web檢查器"的開(kāi)關(guān) 如下圖所示.
然后我們打開(kāi)Mac電腦的Safari瀏覽器,打開(kāi)系統(tǒng)偏好設(shè)置(快捷鍵 commond + ,)或者如下圖所示.
點(diǎn)擊菜單中的"高級(jí)",然后勾選"在菜單欄中顯示"開(kāi)發(fā)"菜單".方便我們進(jìn)行快速的調(diào)試.
這時(shí)候真機(jī)連接上數(shù)據(jù)線.或者開(kāi)啟模擬器就能在菜單欄"開(kāi)發(fā)"選項(xiàng)中找到我們的設(shè)備或者是模擬器.
接下來(lái)我們只需要跑起我們的工程進(jìn)入對(duì)應(yīng)的WebView頁(yè)面即可進(jìn)行調(diào)試.
調(diào)試界面如下所示.
總結(jié)
其實(shí)以前因?yàn)閃ebView使用的較少,調(diào)試都是有專門(mén)的前端同事來(lái)做.所以這方面不是很了解,現(xiàn)在這么一弄,確實(shí)又是一大助力感謝各位大佬查看本篇博客.如果有任何問(wèn)題,歡迎批評(píng)指導(dǎo)
好了，以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了iOS計(jì)算上次日期距離現(xiàn)在多久的代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
iOS實(shí)現(xiàn)帶動(dòng)畫(huà)的環(huán)形進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)帶動(dòng)畫(huà)的環(huán)形進(jìn)度條，同時(shí)帶數(shù)字同步效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
iOS開(kāi)發(fā)中不合法的網(wǎng)絡(luò)請(qǐng)求地址如何解決
這篇文章主要介紹了iOS開(kāi)發(fā)中不合法的網(wǎng)絡(luò)請(qǐng)求地址的解決方案，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09
NSString屬性何時(shí)用strong何時(shí)用copy？
相信各位iOS開(kāi)發(fā)者們都考慮過(guò)這個(gè)問(wèn)題，平時(shí)寫(xiě)NSString的屬性時(shí)都用copy，那strong要何時(shí)用呢？下面這篇文章就來(lái)看一下什么時(shí)候應(yīng)該用copy，什么時(shí)候應(yīng)該用strong。有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。2016-12-12
iOS 9 Core Spotlight搜索實(shí)例代碼
本文主要講解 iOS 9 Core Spotlight,在 IOS 開(kāi)發(fā)的時(shí)候有時(shí)候會(huì)用到搜索功能,這里給大家一個(gè)實(shí)例作為參考,有需要的小伙伴可以參考下2016-07-07
IOS中Weex 加載 .xcassets 中的圖片資源的實(shí)例詳解
這篇文章主要介紹了IOS中Weex 加載 .xcassets 中的圖片資源的實(shí)例詳解的相關(guān)資料,希望通過(guò)本文介紹能幫助到大家，實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了iOS如何裁剪圓形頭像的方法，如何為圓形頭像加邊框，如何進(jìn)行截圖操作，感興趣的小伙伴們可以參考一下2016-04-04
ios實(shí)現(xiàn)tableView頂部彈簧圖片效果
這篇文章主要為大家詳細(xì)介紹了ios實(shí)現(xiàn)tableView頂部彈簧圖片效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
Objective-C的MKNetworkKit開(kāi)發(fā)框架解析
這篇文章主要介紹了Objective-C的MKNetworkKit開(kāi)發(fā)框架解析,MKNetworkKit是一個(gè)用于iOS開(kāi)發(fā)的輕量級(jí)框架,需要的朋友可以參考下2015-11-11
iOS中的UISearchBar搜索框組件基礎(chǔ)使用指南
iOS開(kāi)發(fā)套件中自帶的UISearchBar搜索框我們平時(shí)經(jīng)常可以用到,我們可以在默認(rèn)的基礎(chǔ)上修改文字顏色、背景顏色和背景圖片等,這里我們稍微總結(jié)一下iOS中的UISearchBar搜索框組件基礎(chǔ)使用指南.2016-05-05