如何判斷一個APP頁面是原生的仍是H5頁面

來源：http://www.25xt.com/appdesign/11851.html

 

Hybrid APP指的是半原生半Web的混合類App。須要下載安裝，看上去相似Native App，但只有不多的UI Web View，訪問的內容是 Web 。

原生是Native APP，H5就是Web App

 

 

在Hybrid 當中，如何快速的判斷一個APP頁面是原生的仍是H5頁面呢？

一、看斷網的狀況

把手機的網絡斷掉。而後點開頁面。而後能夠正常顯示的東西就是原生寫的。

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

 

二、看佈局邊界

開發者選項->顯示佈局邊界，頁面元素不少的狀況下佈局是一整塊的是h5的，佈局密密麻麻的是原生控件。頁面有佈局的是原生的，不然爲h5頁面。（僅針對安卓手機試用）以下圖所示：

 

三、看複製文章的提示，須要你經過對比才能得出結果。

好比是文章資訊頁面能夠長按頁面試試，若是出現文字選擇、粘貼功能的是H5頁面，不然是native原生的頁面。

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

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

 

四、看加載的方式

若是在打開新頁面導航欄下面有一條加載的線的話，這個頁面就是H5頁面，若是沒有就是原生的。 微信裏面打開咱們的H5頁面常見的有個綠色的 加載線條。以下圖紅框裏面所示：

 

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

若是APP頂部導航欄當中出現了關閉按鈕或者有關閉的圖標，那麼當前的頁面確定的H5，原生的不會出現（除非設計開發者故意弄的）

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

 

六、判斷頁面 下拉刷新的時候（前提是要有下拉刷新的功能）

若是界面沒有明顯刷新現象的是原生的，若是有明顯刷新現象（好比閃一下）的是H5頁面（ios和android）。

好比淘寶的衆籌頁面。

 

七、下拉頁面的時候顯示網址提供方的必定是H5