Hybrid App指的是半原生半Web的混合類App。需要下載安裝,看上去類似Native App,但只有很少的UI Web View,訪問的內(nèi)容是 Web 。
原生是Native APP,H5就是Web App
在Hybrid 當(dāng)中,如何快速的判斷一個APP頁面是原生的還是H5頁面呢?
1、看斷網(wǎng)的情況
把手機(jī)的網(wǎng)絡(luò)斷掉。然后點(diǎn)開頁面。然后可以正常顯示的東西就是原生寫的。
顯示404或則錯誤頁面的是html頁面。
2、看布局邊界
開發(fā)者選項->顯示布局邊界,頁面元素很多的情況下布局是一整塊的是h5的,布局密密麻麻的是原生控件。頁面有布局的是原生的,否則為h5頁面。(僅針對Android/ target=_blank class=infotextkey>安卓手機(jī)試用)如下圖所示:
3、看復(fù)制文章的提示,需要你通過對比才能得出結(jié)果。
比如是文章資訊頁面可以長按頁面試試,如果出現(xiàn)文字選擇、粘貼功能的是H5頁面,否則是native原生的頁面。
有些原生APP開放了復(fù)制粘貼功能或者關(guān)閉了。而H5的css屏蔽了復(fù)制選擇功能等等情況。需要通過對目標(biāo)測試APP進(jìn)行對比才可知。
這個在支付寶APP、螞蟻聚寶都是可以判斷的。
4、看加載的方式
如果在打開新頁面導(dǎo)航欄下面有一條加載的線的話,這個頁面就是H5頁面,如果沒有就是原生的。 微信里面打開我們的H5頁面常見的有個綠色的 加載線條。如下圖紅框里面所示:
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è)計開發(fā)者故意弄的)
美團(tuán)的、大眾點(diǎn)評的APp、微信APP當(dāng)加載h5過多的時候,左上角會出現(xiàn)關(guān)閉2字。
6、判斷頁面 下拉刷新的時候(前提是要有下拉刷新的功能)
如果界面沒有明顯刷新現(xiàn)象的是原生的,如果有明顯刷新現(xiàn)象(比如閃一下)的是H5頁面(IOS和android)。
比如淘寶的眾籌頁面。
教你判斷一個APP頁面是原生的還是H5頁面 - 25學(xué)堂 (25xt.com)