电竞比分直播
建站知識

大唐淺談h5的app會取代原生app嗎?

標簽: ? | 作者:DT范福州網站建設 | TIMES:2018-02-28
      如今最火的APP開發模式是Hybrid  APP開發(即混合模式,半原生半H5頁面)。原生是Native APP           H5就是Web App
     
在Hybrid 當中,如何快速的判斷一個APP頁面是原生的還是H5頁面呢?
    
1、看斷網的情況

把手機的網絡斷掉。然后點開頁面。然后可以正常顯示的東西就是原生寫的。

顯示404或則錯誤頁面的是html頁面。

2、看布局邊界

可以打開  開發者選項中的顯示布局邊界,頁面元素很多的情況下布局是一整塊的是h5的,布局密密麻麻的是原生控件。頁面有布局的是原生的否則為h5頁面。(僅針對安卓手機試用)如下圖所示:

3、看復制文章的提示,需要你通過對比才能得出結果。

比如是文章資訊頁面可以長按頁面試試,如果出現文字選擇、粘貼功能的是H5頁面,否則是native原生的頁面。

有些原生APP開放了復制粘貼功能或者關閉了。而H5的css屏蔽了復制選擇功能等等情況。需要通過對目標測試APP進行對比才可知。

這個在支付寶APP、螞蟻聚寶都是可以判斷的。

4、看加載的方式

如果在打開新頁面導航欄下面有一條加載的線的話,這個頁面就是H5頁面,如果沒有就是原生的。 微信里面打開我們的H5頁面常見的有個綠色的 加載線條。

5、看app頂部 導航欄是否會有關閉的操作

如果APP頂部導航欄當中出現了關閉按鈕或者有關閉的圖標,那么當前的頁面肯定的H5,原生的不會出現(除非設計開發者故意弄的)

美團的、大眾點評的APp、微信APP當加載h5過多的時候,左上角會出現關閉2字。

 

6、判斷頁面 下拉刷新的時候(前提是要有下拉刷新的功能)

如果界面沒有明顯刷新現象的是原生的,如果有明顯刷新現象(比如閃一下)的是H5頁面(ios和android)。

比如淘寶的眾籌頁面。

分析下用戶面臨h5和原生app的時候應該選擇哪個?

原生APP的優勢:

1、APP應用是先裝在智能手機上,因此在運行時有著非常良好的體驗。

2、原生APP的API更加的穩定,交互性也更好。

3、原生APP可以利用的資源由很多,開發方便也節省了很多研究討論的時間,且開發技術相當成熟。

4、原生APP可以實現本地存儲,省流量、速度快。

原生APP的缺點:

1、功能更新需要用戶重新下載新版本,否則無法看到新版本的功能。

2、開發原生APP應用時,要考慮適配不同操作系統、不同機型。

3、原生APP開發周期較長,應用的功能更新方面自然也比較慢。

H5的優勢:

1、H5開發過程中,功能更新后,不需要發布APP版本;

2、H5特效多、樣式多,用戶體驗上略勝一籌;

3、H5開發效率高,不需要APP開發人員切圖;

4、與原生APP要考慮適配系統、適配機型不同,H5可跨平臺使用。

H5的弊端:

1、H5對于復雜的交互,比較難實現,比如3D特效等,用戶體驗上相對于原生APP要差;

2、H5過于依賴瀏覽器;

3、H5依賴網絡,一旦網絡出現問題,獲取實時性數據的等待,會讓你淚牛滿面。

總體分析來看,兩種開發模式沒有哪一種能真正完全滿足的,最好的開發模式,是讓兩種開發模式結合,會使得APP應用變得更加出色。
因為最近H5發展的不錯,在微信里可以看到很多活動,比如邀請函什么都是通過H5制作的,大家直觀的體驗都很不錯。在APP開發方面,Web版APP或者H5版APP開發速度更快,而且費用比傳統的外包原生APP便宜一些。因此很多人咨詢,我的APP是否可以采用Web(H5)APP的模式?

1、動畫

常見的H5頁面、APP都是比較小,市場上從沒有出現比較大的H5頁面或者APP。因為H5自身的不完善,使得加載動畫的時候,相應比較慢,如果采用大量的css頁面,速度變快但是會導致渲染卡頓,出現白屏、閃退等情況。很多H5游戲,稍稍功能多一點,就容易奔潰。市面上的大多成功APP都是采用原生的。

應用公園生成的原生APP,與市面上的大型APP性能是一樣的。

2、獲取服務端數據

Web(H5)版的APP,數據獲取都是在資源頁面上異步完成的,涉及DOM操作,不能與手機內的配置同步,所以非常消耗手機性能。一不小心就會出現明顯的閃白。

而且最重要的一點是,如果頁面加載進來之后數據更新的速度太慢,也會讓頁面模板等待很長時間,對用戶體驗又不友好,總不能每次打開都像瀏覽器一樣等待刷新是吧。生活我們也經常遇到Web(H5)頁面突然就不見了,或者一直加載。

3、頁面切換

很多Web(H5)版的APP,為了動畫的加載,使用了很多工具來進行輔助,比如預加載等。雖然看起來很友好解決了不少問題,但事實上如果頁面足夠多就會引發另一個問題——頁面的生存周期。

試想一下,主頁面緩存了5個子頁面的資源,在跳轉到響應的子頁面時又會緩存這些子頁面的下級頁面資源,如此反復肯定會占據大量內存使APP的體驗下降。

單一頁面Web(H5)版的APP很不錯,但大型的往往適得其反。

 

4、Android/iOS的區別

很多人說H5 APP一次編寫就能編譯Android/iOS兩種不同的APP,但是有考慮過BUG嗎?事實證明,后期的修改調整真的即繁瑣又復雜,還不如一開始利用原生的老老實實去開發。舉一個很簡單的例子,Android和iOS在返回上一頁的處理方式上就有明顯的區別,調用底層硬件時怎樣區分不同的場景等等

而應用公園采用純原生的結構,可以實現一鍵生成ios和安卓雙版本的APP,這個是有專利的。

 

5、混合開發怎么樣?

現在做H5混合APP開發的人很多,但兩者真的可以完美適配嗎?只有在原生的基礎上,加入部分不重要的H5頁面可以,在H5基礎上可以加入原生嗎?

Web(H5)的優勢在于圖文排版,而不在開發,更適合做輔助。

 

6、更新維護

Web(H5)版的APP,每次內容、功能更新都需大動干戈,所消耗的人工、資金成本不亞于重新開發,而應用公園原生平臺化,不懂編程的也能自己輕松維護,模塊化操作,也不需要重新上架審核,所以更新維護成本接近于零。

所以,不要因為一時的便宜而被開發公司忽悠選擇的Web(H5)版的APP,性能與原生的差別太大,而且價格方面,也沒有應用公園這種平臺共享模式的便宜,后期的維護更是大坑,創業者要在選擇開發APP的時候,要留心這個常見大坑。

相關新聞
首頁 | 網站制作 | 網站模板 | 定制設計 | 建站知識 | 建站幫助
电竞比分直播 印加帝国头奖APP下载 20选5走势图 明日之后怎么快速赚金条 大航海时代4手机版破解版 汉诺威96主场名称 篮彩技巧让分胜负 亲吻王子在线客服 狗狗币行情非小号 108好汉注册 那不勒斯东方大学官网