1、看斷網(wǎng)情況
通過斷開網(wǎng)絡(luò)，刷新頁面，觀察內(nèi)容緩存情況來有個(gè)大致的判斷，可以正常顯示的就是原生寫的，顯示404或者錯(cuò)誤頁面的就是html頁面。
2、看布局編輯
3、看復(fù)制文章的提示，需要通過對比才能得出結(jié)果
比如文章資訊頁面可以長按頁面試試，如果出現(xiàn)文字選擇，粘貼功能的是H5頁面，否則是native原生的頁面。
有些原生APP開放了復(fù)制粘貼功能或者關(guān)閉了，而H5的CSS屏蔽了復(fù)制選擇功能等情況，需要通過對目標(biāo)測試APP進(jìn)行對比才可知。
在支付寶APP、螞蟻聚寶是可以判斷的。
4、看加載的方式
如果在打開新頁面導(dǎo)航欄下面有一條加載線的話，這個(gè)頁面就是H5頁面，如果沒有就是原生的。
5、看app頂部，導(dǎo)航欄是否會(huì)有關(guān)閉的操作
如果APP頂部導(dǎo)航欄當(dāng)中出現(xiàn)了關(guān)閉的按鈕或者關(guān)閉的圖標(biāo)，那么當(dāng)前的頁面是H5頁面，原生的不會(huì)出現(xiàn)（除非設(shè)計(jì)開發(fā)者特意設(shè)計(jì)），美團(tuán)、大眾點(diǎn)評的APP、微信APP當(dāng)加載H5過多的時(shí)候，左上角會(huì)出現(xiàn)關(guān)閉兩個(gè)字。
6、判斷頁面下拉刷新的時(shí)候（前提是要有下拉刷新的功能）
如果頁面沒有明顯刷新現(xiàn)象的是原生的，如果有明顯刷新現(xiàn)象（比如閃一下）的是H5頁面（Ios和Android）。比如淘寶的眾籌頁面。
7、下拉頁面的時(shí)候顯示網(wǎng)址提供方的一定是H5頁面
8、利用系統(tǒng)開發(fā)人員工具
找到手機(jī)的設(shè)置，開發(fā)者選項(xiàng)，顯示布局邊界，選擇開啟后再去查看APP整體布局邊界，這樣所有應(yīng)用控件布局就會(huì)一目了然。
如果是native APP那么每個(gè)按鈕、文字、圖片都是紅色的線顯示這個(gè)控件的布局情況。
如果是web APP那么應(yīng)該就是一個(gè)webview去加載網(wǎng)頁，webview作為一個(gè)控件，只有一個(gè)邊界框，即只有屏幕邊才有紅色線。
混合APP 則是native 與 webview 混排的界面，如下圖紅色線框是各控件的繪制邊界，中間那一大塊布局豐富的界面沒有顯示出很多邊界紅線，就是網(wǎng)頁實(shí)現(xiàn)的。
那么原生開發(fā)的APP和網(wǎng)頁版封裝APP有何區(qū)別呢？
1.首先從開發(fā)方面：
原生開發(fā)的App
每一種移動(dòng)操作系統(tǒng)都需要獨(dú)立的開發(fā)項(xiàng)目
每種平臺都需要獨(dú)立的開發(fā)語言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等
需要使用各自的軟件開發(fā)包，開發(fā)工具以及各自的控件
我們做的手機(jī)網(wǎng)站打包的APP
從原生演變過來的通過APP嵌入網(wǎng)站來是實(shí)現(xiàn)的，這種應(yīng)用可以使用HTML5,CSS3以及JavaScript以及服務(wù)器端語言來完成（PHP,Ruby on Rails,Python）
2.APP性能方面
原生App
能夠與移動(dòng)硬件設(shè)備的底層功能，比如個(gè)人信息，攝像頭以及重力加速器等等
網(wǎng)站制作的App
只能使用有限的移動(dòng)硬件設(shè)備功能。
3.APP數(shù)據(jù)獲取方法
原生App
- 直接下載到設(shè)備
- 以獨(dú)立的應(yīng)用程序運(yùn)行(并不需要瀏覽器)
- 用戶必須手動(dòng)去下載并安裝這些原生App
網(wǎng)站封裝的APP
從移動(dòng)設(shè)備上的瀏覽器訪問
不需要安裝額外的軟件
軟件更新只需要服務(wù)器更新就夠了
4.原生開發(fā)的APP和網(wǎng)站生成的APP優(yōu)缺點(diǎn)對比
原生開發(fā)App優(yōu)缺點(diǎn)：
- 比網(wǎng)站生成的Web App運(yùn)行快
- 開發(fā)成本高，尤其是當(dāng)需要多種移動(dòng)設(shè)備來測試時(shí)
- 因?yàn)槭遣煌拈_發(fā)語言，所以開發(fā)，維護(hù)成本也高
- 因?yàn)橛脩羰褂玫腁pp版本不同，所以你維護(hù)起來很困難
網(wǎng)站生成App優(yōu)缺點(diǎn)：
- 無法使用很多移動(dòng)硬件設(shè)備的獨(dú)特功能
- 同時(shí)支持多種移動(dòng)設(shè)備，大大降低開發(fā)成本
- 需要手機(jī)網(wǎng)站反應(yīng)速度要快，用好的服務(wù)器，否則打開會(huì)慢
最后結(jié)論：選擇哪種根據(jù)你的客戶需求和你的預(yù)算來決定的，如果預(yù)算小就選擇網(wǎng)站打包生成的web app ,如果想要功能多，性能好那么就是原生開發(fā)。
更多APP的介紹：http://www.youdiancms.com/cmsapprelease.html
