怎么判斷一個(gè)APP頁(yè)面是原生的還是H5頁(yè)面

一、看斷網(wǎng)的情況

把手機(jī)的網(wǎng)絡(luò)斷掉。然后點(diǎn)開(kāi)頁(yè)面。然后可以正常顯示的東西就是原生寫(xiě)的。

顯示404或者錯(cuò)誤頁(yè)面的是html頁(yè)面。

二、看布局邊界

可以打開(kāi)  開(kāi)發(fā)者選項(xiàng)中的顯示布局邊界，頁(yè)面元素很多的情況下布局是一整塊的是h6的，布局密密麻麻的是原生控件。頁(yè)面有布局的是原生的否則為h6頁(yè)面。（僅針對(duì)安卓手機(jī)適用）如下圖所示：

 

三、看復(fù)制文章的提示

這個(gè)需要你通過(guò)對(duì)比才能得出結(jié)果，比如是文章資訊頁(yè)面可以長(zhǎng)按頁(yè)面試試，如果出現(xiàn)文字選擇、粘貼功能的是H5頁(yè)面，否則是native原生的頁(yè)面。

有些原生APP開(kāi)放了復(fù)制粘貼功能或者關(guān)閉了。而H5的css屏蔽了復(fù)制選擇功能等等情況。需要通過(guò)對(duì)目標(biāo)測(cè)試APP進(jìn)行對(duì)比才可知。

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

四、看加載的方式

如果在打開(kāi)新頁(yè)面導(dǎo)航欄下面有一條加載的線(xiàn)的話(huà)，這個(gè)頁(yè)面就是H5頁(yè)面，如果沒(méi)有就是原生的。微信里面打開(kāi)我們的H5頁(yè)面常見(jiàn)的有個(gè)綠色的 加載線(xiàn)條。如下圖紅框里面所示：

 

五、看app頂部 導(dǎo)航欄是否會(huì)有關(guān)閉的操作

如果APP頂部導(dǎo)航欄當(dāng)中出現(xiàn)了關(guān)閉按鈕或者有關(guān)閉的圖標(biāo)，那么當(dāng)前的頁(yè)面肯定的H5，原生的不會(huì)出現(xiàn)（除非設(shè)計(jì)開(kāi)發(fā)者故意弄的）

美團(tuán)的、大眾點(diǎn)評(píng)的APp、微信APP當(dāng)加載h6過(guò)多的時(shí)候，左上角會(huì)出現(xiàn)關(guān)閉2字。

六、判斷頁(yè)面 下拉刷新的時(shí)候（前提是要有下拉刷新的功能）

如果界面沒(méi)有明顯刷新現(xiàn)象的是原生的，如果有明顯刷新現(xiàn)象（比如閃一下）的是H5頁(yè)面（ios和android）。

比如淘寶的眾籌頁(yè)面。

七、下拉頁(yè)面的時(shí)候顯示網(wǎng)址提供方的一定是H5

如下圖所示：

 

以上7點(diǎn)也是目前幫大家整理出來(lái)的比較容易判斷的一個(gè)APP頁(yè)面是原生的還是H5頁(yè)面的方法。