1. 程式人生 > >h5頁面和原生app頁面的區別

h5頁面和原生app頁面的區別

“原生應用”佔統治地位

  當我們為移動裝置開發應用程式時,程式設計師通常都會選擇開發“原生應用”,“原生應用”是一種使用者必須通過手機應用商店購買下載並安裝在手機儲存器內的應用程式。“原生應用”現已成為新增手機功能的首選業界標準。

  因此,大多數的程式設計師都認為跟瀏覽器應用相比,不論是渲染效果,還是執行能力,“原生應用”都擁有明顯的優勢。大部分的使用者都會盡量避免使用手機瀏覽器,因為瀏覽器使用並不方便,尤其是需要輸入資料的時候。

  “原生應用”比瀏覽器應用更容易預見。因為“原生應用”是在手機記憶體中執行的,它們不會遭遇不可預知和易見等在瀏覽器應用常發生的問題。

  此外,“原生應用”對網路的依賴性更少。“原生應用”大部分的資料都是儲存在手機內,它們不需要連線網路才能獲取資料。但瀏覽器應用則是典型的依賴雲端伺服器的應用程式,它們必 須得連線網路才能獲得內容。如果網路連線不穩定或很弱,瀏覽器應用的表現效能將會遭受非常大的打擊。

  “原生應用”很麻煩

  長期以來,程式設計師都是在有限的資源的情況下開發Apple的iOS裝置和Android裝置開發的應用程式,因為這麼做可以讓他們的手機應用進入最大的移動市場。

  但這種理由已經開始失去 說服力,部分原因是程式設計師要在手機應用商店銷售“原生應用”並不容易。以iOS應用為例,就連通過官方的稽核也不容易。不過,Apple公司要求每一個提交申請稽核的手機應用都必須遵從它的標準,程式設計師說如果Apple不喜歡那個手機應用,無論是什麼理由,它都會拒絕稽核。

  儘管要在Android市場通過應用稽核並不難,但卻通過稽核後卻很容易被埋沒在茫茫的Andorid應用海洋裡,並且大部分Android應用都是低質量的。

  手機程式設計師面對的另一個 問題是他們還必須針對不同的手機作業系統(iOS、Android或者其他)開發不同版本的手機應用,並且同一個作業系統還會有幾個版本的應用。因此,手 機程式設計師需要投入大量的時間和金錢給他們的應用程式“定版本號”,而提高產品質量和開發新產品的時間卻所剩無幾。

  迷失在“超級”市場

  如前面提到的,一個“原生應用”要在應用商店上架開售並獲得成功的希望是十分渺茫的。隨著應用商店的擴大,假冒偽劣的應用將會越來越多,而獲得有用的手機應用將變得越來越困難。 WildTangent公司的副總裁Matt Shea表示大型手機應用商店的應用程式都是一站式購物,他們看起來很笨拙,而且應用程式的分類和組織均是顯而易見的失敗。因此,應用買主就更難物色到他 心目中的理想手機應用,就算這個應用真的就藏在應用商店內,他也難以從中找出。這也是手機程式設計師面對的最大問題。

  Shea還說,大型手機應用商店的糟糕分類讓像WildTangent這樣的專業商店覓得了商機。WildTangent是一個專業的手機遊戲分類網站,他們會對遊戲進行嚴格的分類和審查,這樣訪客就能更容易獲取到他們的理想應用。

  HTML5是答案嗎?

  許多移動社群的使用者相信 開發者可以避免這樣的煩惱——是否選用HTML5技術開發基於瀏覽器的應用。HTML5技術是1999年推出的超本文語言的一次大升級。儘管外界訊息指在 2014年到來前,W3C不會出臺HTML5技術標準,但現在,許多現代的手機瀏覽器已經提前支援這種技術,許多Web程式設計師已經開始設計HTML5網站。

  簡單說,HTML5會讓瀏覽器、桌面應用和移動裝置展現更多酷炫的功能,例如座標定位、無外掛的視訊和音訊播放等。同步功能也會更完善,你將可以在工作時觀賞一部分電影,然後在家的電腦繼續觀看餘下的片段。

  或許HTML5技術最大的潛在優勢就是它可以讓應用程式設計師將精力集中在一個版本的應用上,而這個應用卻在多個瀏覽器流暢執行,將程式設計師從多平臺多版本的束縛中解放出來,讓他們有更多的精力和資金進行推廣營銷。

  網路是一個關鍵因素。如果4G網路出來到來,網速將會得到更大幅度的提高,使用者從網際網路獲取內容時將會更加迅速和可靠,瀏覽器應用也將因此迎來生機。

  至於宣傳方式,基於瀏覽器的手機應用將大大減少程式設計師或開發商對手機應用商店的依賴。為了讓“原生應用”成功,程式設計師需要更多的推廣投入,而基於瀏覽器的應用(只需一個連結地址)會讓程式設計師更容易通過社交媒體(如Twitter、Google+)等進行推廣。

  留下還是離開?

  儘管大多數程式設計師相信HTML5技術的水平正在提高,“原生應用”的執行速度和真實用例依然比瀏覽器應用要好。

  造成它們差役的一大原因就是“原生應用”可以訪問手機裝置的硬體功能,而瀏覽器應用卻無法做到。許多程式設計師表示HTML5的應用目前還沒能控制和充分利用智慧手機各種各樣的硬體功能,如智慧手機的CPU和重力加速器,而“原生應用”卻能充分利用這些硬體資源。

  雖然如此,但圍繞HTML5技術的爭論依然非常的多,HTML5技術究竟需要多長的時間才能像“原生應用”那樣操控智慧手機的硬體裝置呢?

  “Java的連線輔助讓類似移動定位這樣的功能也已經可以在大多數的手機瀏覽器中呼叫,” QualcommCDMA公司的產品經理SyChoudhury說,“未來半年,我們將會看到更豐富的定位功能,同時瀏覽器還會有WebGL這樣的訪問GPU的功能,更輕鬆地訪問照相機和攝像機,瀏覽器對聲音控制也會比現在更為出色。”

  Choudhury跟他的團隊目前主要從事瀏覽器的效能優化和開發針對高通Snapdragon處理器的手機作業系統。

  “幾個月以前,瀏覽器廠商開始放出越來越多的例子高調展示瀏覽器應用可以達到的水平,包括重力加速器、方向儀、GPS定位和整合照相等功能,”Mozilla手機瀏覽器產品經理Thomas Arend指出,Mozilla開發者網站的Dashboard 就是一個非常好的HTML5技術例子。

  保證一致的使用者體驗也是HTML5技術需要解決的另一問題。HTML5瀏覽器應用在不同的手機裝置的不同瀏覽器上執行,部分程式設計師表示,由於不統一性,難以讓所有的消費者都喜歡他們裝置上的HTML5瀏覽器應用的表現效果。

  但採用基於瀏覽器的方法開發應用不一定就是毫無優勢,Arend說。“選擇Web技術作為平臺技術是最有前途的,對於跨平臺的應用(PC和移動裝置),Web技術無疑會使用者更一致的使用者體驗,一款優秀的瀏覽器應用的表現效果絕對及得上‘原生應用’。”

  任何一種新技術的採用, 都會先經歷鐘形曲線的模式。早期的技術領頭人已經開始行動了。Pandora宣佈將採用HTML5技術開發應用程式,而云儲存公司Box.net也表示會 開始採用HTML5技術。同時也有傳言Amazon很快將推出一款基於HTML5瀏覽器技術的Kindle應用。

  不存在“二選一”

  在對“原生應用”和瀏覽器應用的大量熱討後,許多程式設計師已經不再需要面對一個“二選一”的抉擇,事實上,兩種技術是可以共存的。

  舉個例,一名遊戲開發者開發了不僅開發了一款手機“原生”遊戲“lite”,他還開發了這款遊戲的Web版本,潛在買家可以先在Web瀏覽器上試玩這個應用,Arend指出,如果他們認為這款遊戲值得購買時,他們可能會在手機應用商店購買下載遊戲的完整版進行安裝。

  此外,程式設計師開發“原生應用”的方式十分類似於開發瀏覽器應用——同樣的開發工具,只是最後需要給“原生應用”再額外新增一個包裝而已。因此,“原生應用”和瀏覽器應用有時候可能跟人們想象的會有點出入。

  最後,程式設計師可能會決定開發一款融合“原生”和瀏覽器特色的應用程式。程式設計師必定會疑問釋出到應用商店和通過社交媒體放置在開放網際網路上,哪一種方式才是吸引使用者的最佳方式呢?

  對於許多人而言,智慧手 機這個概念的誕生也同時伴隨著應用下載的到來。當智慧手機首次進入市場時,“原生應用”就是最好的方式用以完成裝置的任務。但隨著HTML5技術的到來, 這又開始了變化:隨著瀏覽器的成長,頻寬的增加,HTML5的技術標準成熟,許多無線社群的使用者就會開始懷疑“原生應用”是否是手機裝置的最佳的搭檔。

  當HTML5技術全面襲來時,手機瀏覽器將會變得更好,至少它會改頭換面。

原生app和h5頁面的比較:

1,原生應用頁面體驗效果會更好的;速度快

2,原生可以離線使用,執行更快,h5可以動態更新不更新app

3,頁面跳轉更加費力,不穩定感更強

4,原生app 排版更清晰、資訊更簡練(可在原生APP基礎上去掉一些豐富、複雜的視覺表現)

5,h5  互動動態效果收到限制,影響一些頁面場景、邏輯的理解。複雜的邏輯和動畫做不了

6,純粹的HTML5應用很少,甚至只有一個view是用WebView/UIWebView的方式越來越常見了。

基本上只要對那個view長按,然後看是不是有反應,比如手機震動(Android)、或者出現文字選擇貼上(Android/iOS),那麼就是WebView!(長按有氣泡的)