如何判斷一個APP頁面是否為H5頁面?
發布時間:2021.12.09 點擊次數:781
如今最熱門的APP開發模式是HybridAPP開發(即混合模式、半原生、半H5頁面)。
Native是NativeAPP,H5是WebAPP。成都app開發公司推來客科技教你如何快速判斷一個APP頁面是本地的還是H5的。
《如何判斷一個APP頁面是不是H5頁面》或《如何判斷app中原生頁面和h5 頁面》等等。研究了應用程序中本地頁面和H5頁面之間的差異。
如果你不仔細觀察,大多數人不會注意到。此外,目前的H5技術與原生技術相似,或者說效果非常相似。
原生原生應用程序5是網絡應用程序。
在Hybrid中,如何快速判斷一個APP頁面是原生頁面還是H5頁面?
1.看看斷網的情況。
斷開手機網絡。然后點擊頁面。那么可以正常顯示的就是原來寫的。
html頁面顯示404或錯誤頁面。
2.看看布局邊界
您可以在開發人員的選項中打開顯示布局邊界。當有許多頁面元素時,布局是一整塊h5,并且布局密集地填充了本機控件。帶有布局的頁面是本機的;否則,它們就是h5頁面。(僅限安卓手機)如下圖所示:
3.看抄襲文章的小技巧,需要對比才能得出結果。
比如文章信息頁可以長時間按頁面試試。如果H5頁面用于文本選擇和粘貼,則為本機頁面。
一些本地應用程序打開或關閉了復制和粘貼功能。H5的css掩蓋了復制選擇功能等等。我們需要比較目標測試應用程序。
這可以在支付寶APP和螞蟻財富中判斷。
4.看加載方式。
如果在導航欄下有一個加載行來打開一個新頁面,這個頁面就是H5頁面,否則就是原生頁面。微信打開我們的H5頁面,有一條綠色的加載線。如下圖紅色方框所示:
5.查看應用頂部的導航欄是否會關閉。
如果APP頂部的導航欄中有關閉按鈕或關閉圖標,那么當前頁面對H5來說是正面的,本地頁面不會出現(除非設計開發人員有意這樣做)
當h5加載過多時,“關閉”一詞會出現在左上角。
6.判斷頁面何時下拉刷新(前提是有下拉刷新功能)
如果界面沒有明顯刷新現象,則為原生;如果有明顯的刷新現象(比如閃爍),那就是H5頁面(ios和安卓)。
比如淘寶的眾籌頁面。