原生開發(fā)(NativeApp開發(fā)),是在Android、IOS等移動(dòng)平臺上利用官方提供的開發(fā)語言、開發(fā)類庫、開發(fā)工具進(jìn)行App開發(fā)。比如Android是利用Java、Eclipse、Androidstudio;IOS是利用Objective-C和Xcode進(jìn)行開發(fā)。
HTML5應(yīng)用開發(fā),是利用Web技術(shù)進(jìn)行的App開發(fā),可以在手機(jī)端瀏覽器里面打開的網(wǎng)站就稱之為webapp。Web技術(shù)本身需要瀏覽器的支持才能進(jìn)行展示和用戶交互,因此主要用到的技術(shù)是HTML、CSS、Javascript以及jQuery、Vue、React等JS框架。
那么,如何辨別原生開發(fā)和H5開發(fā)?
1、看斷網(wǎng)的情況
把手機(jī)的網(wǎng)絡(luò)斷掉。然后點(diǎn)開頁面。然后可以正常顯示的東西就是原生寫的。
顯示404或者錯(cuò)誤頁面的是html頁面。
2、看布局邊界
可以打開開發(fā)者選項(xiàng)中的顯示布局邊界,頁面元素很多的情況下布局是一整塊的是h5的,布局密密麻麻的是原生控件。頁面有布局的是原生的否則為h5頁面。(僅針對安卓手機(jī)試用)
3、看復(fù)制文章的提示,需要你通過對比才能得出結(jié)果。
比如是文章資訊頁面可以長按頁面試試,如果出現(xiàn)文字選擇、粘貼功能的是H5頁面,否則是native原生的頁面。有些原生APP開放了復(fù)制粘貼功能或者關(guān)閉了。而H5的css屏蔽了復(fù)制選擇功能等等情況。需要通過對目標(biāo)測試APP進(jìn)行對比才可知。
4、看加載的方式
如果在打開新頁面導(dǎo)航欄下面有一條加載的線的話,這個(gè)頁面就是H5頁面,如果沒有就是原生的。微信里面打開我們的H5頁面常見的有個(gè)綠色的加載線條。
5、看app頂部導(dǎo)航欄是否會有關(guān)閉的操作
如果APP頂部導(dǎo)航欄當(dāng)中出現(xiàn)了關(guān)閉按鈕或者有關(guān)閉的圖標(biāo),那么當(dāng)前的頁面肯定的H5,原生的不會出現(xiàn)(除非設(shè)計(jì)開發(fā)者故意弄的)美團(tuán)的、大眾點(diǎn)評的APP、微信APP當(dāng)加載h5過多的時(shí)候,左上角會出現(xiàn)關(guān)閉二字。
6、判斷頁面下拉刷新的時(shí)候(前提是要有下拉刷新的功能)
如果界面沒有明顯刷新現(xiàn)象的是原生的,如果有明顯刷新現(xiàn)象(比如閃一下)的是H5頁面(ios和android)。
比如淘寶的眾籌頁面。
7、下拉頁面的時(shí)候顯示網(wǎng)址提供方的一定是H5。