我們通常把移動開發(fā)分為Web、Native和Hybrid，但其實Hybrid又可以細分的。最簡單的是在Native中放一個WebView，然后加載一個兼容智能機的網(wǎng)站，其實就相當(dāng)于在用戶的手機上建立一個快捷方式，也算是占據(jù)用戶桌面的應(yīng)急用法吧。用這種方法要注意檢測網(wǎng)絡(luò)是否正常，不正常要給予提示，否則蘋果是不予通過的。第二種是將Web相關(guān)文件全部放在本地，數(shù)據(jù)庫一般用Sqlite做本地存儲，用戶就算不聯(lián)網(wǎng)也能工作。第三種可能是以Native為主，在某些特定的模塊才會用到WebView。

其實要我說，只有第二種才算是真正的Hybrid，話說Hybrid這個詞可真難聽，翻譯過來的詞是雜種、雜交，既然大家都這么用，我也就隨了吧。很重要的一點是Native和Web有沒有交互，沒有的不算，你直接在WebView中加載一個HTML頁面，這算哪門子的Hybrid開發(fā)，這種也談不上什么技術(shù)含量了，沒什么好講的。你這種開發(fā)很難模擬Native的體驗嘛，用戶一看就不對啊，我說的Hybrid開發(fā)是那種多數(shù)用戶看不出差別的。

之所以我要把Hybrid開發(fā)的種類講清楚，是因為它們遇到的白屏問題有所不同，有些白屏問題是可以通過技術(shù)解決的，有些是需要通過設(shè)計上去解決的，通常我們說的白屏有三種。

第一種是頁面切換帶來的白屏，就是你從index.html跳轉(zhuǎn)到product.html會出現(xiàn)的白屏，嵌個WebView就加載一個網(wǎng)站最容易出現(xiàn)這種問題。這個問題只能從設(shè)計上解決，技術(shù)上是無法解決的，或者解決起來比開發(fā)一個Native程序成本還高。正確的做法應(yīng)該是避免頁面之間的跳轉(zhuǎn)，將所有的內(nèi)容放入到一個HTML中，通過CSS的Display屬性來切換View。

第二種是因為頁面過長帶來的白屏，在iOS的WebView中，如果頁面內(nèi)容過長，iOS是不會一次渲染完成的，所以太長的時候，就會產(chǎn)生一種像Phtoshop中那種透明背景的方格效果。這個問題最好的解決方法還是從設(shè)計上入手，避免這種過長的滾動。使用iScroll做滾動可以解決部分問題，但還是不能太長。

第三種白屏是啟動的時候有討厭的白屏，因為WebView加載HTML并渲染有一定的時間，用戶一打開你的App，WebView還沒有加載并渲染完比，白屏出現(xiàn)了。這種情況解決要用一些技巧，iOS可以用兩個View，一個View放上Loading畫面，另一個View加載HTML，當(dāng)HTML加載完畢后，用Javascript通知Native，收到HTML加載完比后Native代碼負責(zé)切換View即可。

有人肯定要問，為什么不直接用Objective-c代碼寫WebView的onLoad事件？很簡單，因為Load完成可能還有很多事要做，而且一般要延時300毫秒再切換View才能保證白屏不出現(xiàn)。你可能要再問了，直接用延時不好么，為什么要這么麻煩？不同的機器性能不一，而且有些時候內(nèi)存占得多加載可能就慢點，直接延時太死。

本文來自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計公司-創(chuàng)新互聯(lián)

本文名稱：怎樣解決Hybrid開發(fā)中的白屏問題
URL網(wǎng)址：http://www.aaarwkj.com/news28/316278.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作、云服務(wù)器、網(wǎng)站策劃、微信公眾號、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)