最近壹個項目,是把H5嵌到APP,實際過程中:發現H5對於權限的調用,會受到很多限制,甚至,如果APP沒有提供接口,H5會出現權限沒法調用的情況。
具體的優缺點和識別方式,如下圖所示。
壹、定義
原生開發:就是直接使用手機系統支持的框架語言直接開發,Android手機就是直接用Java語言和Android sdk開發Android手機的APP,蘋果手機就是利用OC或者Swift語言和蘋果APP的開發框架開發iOS 手機APP。當然,兩者都是需要同壹個後臺來存儲和更新APP的數據的。這樣的開發在人力分配和時間上的消耗是非常大的。
H5開發:只要壹個H5的開發工程師將APP的頁面和功能全部實現之後,分別交給Android工程師和iOS開發工程師,兩個工程師直接套上壹個APP開發的殼就可以直接使用了。非常的節省時間和人力。但是在網絡不好的情況下,用戶體驗可能會比原生的APP要差壹點。
二、、如何辨別
1、看斷網的情況
把手機的網絡斷掉。然後點開頁面。然後可以正常顯示的東西就是原生寫的。顯示404或則錯誤頁面的是html頁面。
2、看復制文章的提示,需要妳通過對比才能得出結果。
比如是文章資訊頁面可以長按頁面試試,如果出現文字選擇、粘貼功能的是H5頁面,否則是native原生的頁面。
有些原生APP開放了復制粘貼功能或者關閉了。而H5的css屏蔽了復制選擇功能等等情況。需要通過對目標測試APP進行對比才可知。
這個在支付寶APP、螞蟻聚寶都是可以判斷的。
3、看加載的方式
如果在打開新頁面導航欄下面有壹條加載的線的話,這個頁面就是H5頁面,如果沒有就是原生的。
4、看app頂部 導航欄是否會有關閉的操作
如果APP頂部導航欄當中出現了關閉按鈕或者有關閉的圖標,那麽當前的頁面肯定的H5,原生的不會出現(除非設計開發者故意弄的)
美團的、大眾點評的APp、微信APP當加載h5過多的時候,左上角會出現關閉2字。
6、判斷頁面 下拉刷新的時候(前提是要有下拉刷新的功能)
如果界面沒有明顯刷新現象的是原生的,如果有明顯刷新現象(比如閃壹下)的是H5頁面(ios和android)。
比如淘寶的眾籌頁面。
7、下拉頁面的時候顯示網址提供方的壹定是H5。
三、優缺點
H5的優點
1、h5開發速度快,壹端開發多端運行
2、如果APP用戶常見頁面頻換,如(淘寶首頁各種不同活動),那麽用H5,維護起來更容易。
3、如果app中出現大量文字且格式比較豐富(比如加粗、字體大小,圖文展示)等用H5比較方便
4、叠代版本時,不需要打包便可以發布(實時更新、快速叠代),與雲端實現實時數據交互
原生的優點
1、原生的響應速度快
2、對於有無網絡操作時,譬如離線操作基本選用原生開發
3、需要調用系統硬件的功能(攝像頭、方向傳感器、重力傳感器、撥號、GPS、語音、短信、藍牙等功能)
4、在無網絡或者若網的情況下體驗好。