泰安APP開發(fā):如何判定*個APP頁面是原生開發(fā)還是H5頁面
*、引言
如今*火的APP開發(fā)模式是Hybrid APP開發(fā)(即混合模式,半原生半H5頁面)。
原生是Native APP
H5*是Web App
在Hybrid 當中,如何快速的判斷*個APP頁面是原生的還是H5頁面呢?
二、五種方法
1.看斷網(wǎng)的情況
把手機的網(wǎng)絡(luò)斷掉。然后點開頁面。然后可以正常顯示的東西*是原生寫的。
顯示404或則錯誤頁面的是html頁面。
2.看布局邊界
打開開發(fā)者選項中的顯示布局邊界
頁面元素很多、布局是*整塊的*是h5的;
布局密密麻麻的是原生控件。
3.看復制文章的提示,需要你通過對比才能得出結(jié)果。
比如是文章資訊頁面可以長按頁面試試,如果出現(xiàn)文字選擇、粘貼功能的是H5頁面,否則是native原生的頁面。
有些原生APP開放了復制粘貼功能或者關(guān)閉了。而H5的css屏蔽了復制選擇功能等等情況。需要通過對目標測試APP進行對比才可知。
這個在支付寶APP、螞蟻聚寶都是可以判斷的。
4.看加載的方式
如果在打開新頁面導航欄下面有*條加載的線的話,這個頁面*是H5頁面,如果沒有*是原生的。 微信里面打開我們的H5頁面常見的有個綠色的 加載線條。如下圖紅框里面所示:
5、看app頂部 導航欄是否會有關(guān)閉的操作
如果APP頂部導航欄當中出現(xiàn)了關(guān)閉按鈕或者有關(guān)閉的圖標,那么當前的頁面肯定的H5,原生的不會出現(xiàn)(除非設(shè)計開發(fā)者故意弄的)
美團的、大眾點評的APp、微信APP當加載h5過多的時候,左上角會出現(xiàn)關(guān)閉2字。
6、判斷頁面 下拉刷新的時候(前提是要有下拉刷新的功能)
如果界面沒有明顯刷新現(xiàn)象的是原生的,如果有明顯刷新現(xiàn)象(比如閃*下)的是H5頁面(ios和android)。
比如淘寶的眾籌頁面。
7、下拉頁面的時候顯示網(wǎng)址提供方的*定是H5。如下圖所示: