揭秘WebView：網(wǎng)頁加載的神秘面紗

WebView，這個(gè)看似神秘的名字，其實(shí)它的主要功能就是用來加載網(wǎng)頁。沒錯(cuò)，它就是你在瀏覽網(wǎng)頁時(shí)背后默默付出的英雄。 如果你正在開發(fā)瀏覽器相關(guān)的應(yīng)用，WebView絕對(duì)是不可或缺的一部分。想象一下，當(dāng)你用手機(jī)訪問自己的網(wǎng)頁時(shí)，WebView就像一座橋梁，連接你的手機(jī)和網(wǎng)頁，實(shí)現(xiàn)實(shí)時(shí)的互動(dòng)。不僅如此，WebView還能與JavaScript無縫對(duì)接，讓你的手機(jī)與網(wǎng)頁間的交互更加流暢。 更讓人驚喜的是，每個(gè)WebView進(jìn)程都擁有獨(dú)立的內(nèi)存分配。這意味著你的app可以享受到雙倍內(nèi)存待遇，其中一半就被WebView占據(jù)。增加WebView的內(nèi)存分配，還能降低內(nèi)存泄露導(dǎo)致的OOM風(fēng)險(xiǎn)，讓你的app運(yùn)行更加穩(wěn)定。 說到WebKit，它是Mac OS X操作系統(tǒng)中的軟件框架，從v10.3及以上版本開始就被包含在系統(tǒng)中。而且，對(duì)于v10.2.7及以上的版本，你還可以通過軟件更新獲取。WebKit不僅是Mac OS X的Safari瀏覽器的基石，還是一個(gè)開源項(xiàng)目，它的前身是由KDE的KHTML演化而來，并融入了一些蘋果公司的獨(dú)特組件。 傳統(tǒng)的WebKit包括網(wǎng)頁引擎WebCore和腳本引擎JavaScriptCore，它們分別對(duì)應(yīng)KDE的KHTML和KJS。這些核心組件共同構(gòu)建了網(wǎng)頁瀏覽的堅(jiān)實(shí)基礎(chǔ)。 擴(kuò)展知識(shí)點(diǎn)：Hybrid App的魅力與挑戰(zhàn) Hybrid App，這個(gè)移動(dòng)應(yīng)用領(lǐng)域的“混血兒”，兼具Native App的良好交互體驗(yàn)和Web App的跨平臺(tái)開發(fā)優(yōu)勢。隨著“云”時(shí)代的來臨，App和運(yùn)營團(tuán)隊(duì)之間的關(guān)系正在發(fā)生深刻變革。 從Native App到Hybrid App，再到Web App，這一系列變化是技術(shù)更新和市場需求共同推動(dòng)的結(jié)果。Hybrid App看上去像是一個(gè)Native App，但實(shí)際上只有一個(gè)UI WebView，里面訪問的是Web App。比如街旁網(wǎng)早期的應(yīng)用就是這樣一個(gè)例子。 更徹底的如掌上百度和淘寶客戶端的Android版，也采用了Hybrid App的路線。掌上百度里面封裝的不是WebView，而是自家的瀏覽內(nèi)核，提供更加接近客戶端的體驗(yàn)和效率。 汽車有混合動(dòng)力Hybrid，移動(dòng)應(yīng)用同樣也有混合模式。Hybrid App兼具Native App的優(yōu)秀交互體驗(yàn)和Web App的跨平臺(tái)開發(fā)優(yōu)勢。很多人可能不知道，一些主流移動(dòng)應(yīng)用如Facebook和百度搜索等，都是基于Hybrid App的方式開發(fā)的。 在眾多的Hybrid App開發(fā)框架中，如何選擇合適的框架成為開發(fā)者面臨的難題。PhoneGap是較早進(jìn)入公眾視線的選擇之一，但基于PhoneGap開發(fā)的移動(dòng)應(yīng)用在某些平臺(tái)上可能用戶體驗(yàn)欠佳。在選擇移動(dòng)應(yīng)用中間件時(shí)，需要綜合考慮各種因素，選擇最適合你的那一款。 Titanium是一種基于翻譯機(jī)制的跨平臺(tái)中間件，它能夠開發(fā)出具有Native體驗(yàn)的移動(dòng)應(yīng)用。由于其翻譯機(jī)制的限制，移動(dòng)應(yīng)用開發(fā)的靈活性相較于真正的HTML5開發(fā)有所不足。即便是簡單的按鈕，也無法像普通HTML那樣編寫，而必須遵循Titanium預(yù)定的特定格式。

Salama開發(fā)套件的特點(diǎn)與優(yōu)勢

Salama是一套全新的Hybrid APP和云端服務(wù)整合的開發(fā)套件。它提供了三種開發(fā)模式以適應(yīng)不同需求：

• 高度混合模式，允許原生和HTML5的隨意組合，為大型商業(yè)軟件開發(fā)提供高性價(jià)比。
• JS模式，此模式下畫面顯示和業(yè)務(wù)邏輯均由JS程序?qū)崿F(xiàn)，適合WEB開發(fā)者。
• 低度混合模式，追求終端速度和顯示效果的開發(fā)者可在不改變原有構(gòu)架的前提下進(jìn)行開發(fā)。

Salama還提供了云端服務(wù)，包括業(yè)務(wù)處理、數(shù)據(jù)庫操作、文件存儲(chǔ)與分發(fā)等。

Salama的應(yīng)用實(shí)例與客戶認(rèn)可

Salama已經(jīng)成功為多家公司提供解決方案，包括TOSHIBA-AIRCON、GEDORE等品牌商。在Salama平臺(tái)上構(gòu)建了Ishow企業(yè)電子目錄產(chǎn)品服務(wù)，顯示了其強(qiáng)大的實(shí)際應(yīng)用能力。

Web App與Hybrid App開發(fā)工具的對(duì)比

在Web App開發(fā)工具中，WeX5具備單View性能特點(diǎn)，相比PhoneGap、Bootstrap有大幅度性能提升。它以Html5、Javascript、Css3為技術(shù)基礎(chǔ)，是一個(gè)開放的Web型App框架。而AppCan雖在技術(shù)架構(gòu)上與PhoneGap類似，但其結(jié)合原生交互效果，能達(dá)到較一致的用戶體驗(yàn)。

原生API映射方案與HTML5方案的優(yōu)劣

原生API映射的方案如Titanium、Xamarin，其優(yōu)點(diǎn)在于功能和性能與原生系統(tǒng)接近。而HTML5方案的最大優(yōu)點(diǎn)則在于標(biāo)準(zhǔn)化和開發(fā)資源的豐富。第三方的HTML5框架工具如PhoneGap/Cordova，促進(jìn)了HTML5應(yīng)用的發(fā)展，提供了跨平臺(tái)應(yīng)用打包/發(fā)布服務(wù)、實(shí)用的API等。 HTML5方案的主要不足在于功能和性能，這主要是因?yàn)镠TML5應(yīng)用的能力依賴于系統(tǒng)自帶的Web引擎，如iOS的UIWebview、Android的Webview等。盡管這些組件不斷進(jìn)步，但與系統(tǒng)的原生瀏覽器相比仍有差距。

Hybrid App的未來與選擇

雖然Hybrid App領(lǐng)域還處于初期階段，但已有許多優(yōu)秀的公司和技術(shù)團(tuán)隊(duì)致力于跨平臺(tái)開發(fā)移動(dòng)應(yīng)用中間件技術(shù)的研究。開發(fā)者可以根據(jù)實(shí)際項(xiàng)目需求選擇適合的中間件。隨著Hybrid App被更多公司和開發(fā)者認(rèn)同，它勢必會(huì)成為未來的主流。 參考資料：SuperWebView——百度百科

注：關(guān)于“html5開發(fā)的app的工具暫時(shí)沒有”這一部分，實(shí)際上市場上已經(jīng)存在許多HTML5開發(fā)APP的工具。此段可能需要進(jìn)一步的研究和更新。 Android平臺(tái)上的HTML5應(yīng)用與混合式應(yīng)用開發(fā)挑戰(zhàn)

一、Android平臺(tái)的碎片化與HTML5能力差異

在Android平臺(tái)上，由于系統(tǒng)碎片化現(xiàn)象嚴(yán)重，不同版本的Webview在HTML5能力上存在較大差異。這導(dǎo)致HTML5應(yīng)用的一致性難以保證，用戶體驗(yàn)受到影響。HTML5應(yīng)用的能力在很大程度上依賴于Web引擎的能力，無論是移動(dòng)操作系統(tǒng)開發(fā)商還是開發(fā)工具的開發(fā)商，都在Web引擎方向上投入了更多的努力。

二、什么是混合式app

Hybrid App（混合模式移動(dòng)應(yīng)用）是一種介于web-app和native-app之間的應(yīng)用類型。它兼具“Native App良好的用戶交互體驗(yàn)”和“Web App跨平臺(tái)開發(fā)的優(yōu)勢”。根據(jù)網(wǎng)頁語言與程序語言的混合程度，Hybrid App通常分為多View混合型、單View混合型以及Web主體型三種類型。

三、多View混合型的Hybrid App

多View混合型的Hybrid App中，Native View和Web View獨(dú)立展示，交替出現(xiàn)。這種應(yīng)用混合邏輯相對(duì)簡單，通常在需要的時(shí)候，將WebView作為一個(gè)獨(dú)立的View（Activity）運(yùn)行起來，完成相關(guān)的展示操作。這種移動(dòng)應(yīng)用主體通常是Native App，Web技術(shù)起到補(bǔ)充作用。開發(fā)難度與Native App相當(dāng)。

四、單View混合型的Hybrid App

單View混合型的Hybrid App在同一個(gè)View內(nèi)同時(shí)包括Native View和Web View，二者之間是覆蓋（層疊）的關(guān)系。這種Hybrid App開發(fā)成本較高，難度較大，但用戶體驗(yàn)較好。以百度搜索為代表的單View混合型移動(dòng)應(yīng)用，既實(shí)現(xiàn)了靈活性，又實(shí)現(xiàn)了良好的用戶體驗(yàn)。

五、Web主體型的Hybrid App及其挑戰(zhàn)

Web主體型的Hybrid App移動(dòng)應(yīng)用的主體是WebView，主要以網(wǎng)頁語言編寫，并穿插Native功能。這種類型開發(fā)的移動(dòng)應(yīng)用體驗(yàn)存在一定缺陷，但整體開發(fā)難度大幅降低，并可實(shí)現(xiàn)跨平臺(tái)。Web主體型的用戶體驗(yàn)主要取決于底層中間件的交互與跨平臺(tái)能力。當(dāng)前的一些移動(dòng)應(yīng)用中間件，如appMobi、PhoneGap以及國內(nèi)的WeX5、AppCan和Rexsee等，都在嘗試解決這一問題。其中，Rexsee不支持跨平臺(tái)開發(fā)，而AppCan提供了大量單View混合型的接口來優(yōu)化體驗(yàn)。WeX5則在技術(shù)融合的基礎(chǔ)上對(duì)性能進(jìn)行了深度優(yōu)化，不僅具備對(duì)本地資源的調(diào)用能力，性能體驗(yàn)也與原生App相當(dāng)，同時(shí)還具備完全的跨端運(yùn)行能力。

從上述分析可見，對(duì)于Web主體型的Hybrid App來說，只要能夠解決用戶體驗(yàn)的問題，就有可能成為最佳的Hybrid App解決方案類型。隨著技術(shù)的不斷進(jìn)步，我們期待更加完善的解決方案，以滿足不斷變化的市場需求。