網站首頁 APP開發 系統開發 小程序開發 商城系統 案例展示 新聞中心 關于我們

如何判斷一個APP頁面是否為H5頁面?

發布時間:2021.12.09 點擊次數:196

如今最熱門的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頁面。(僅限安卓手機)如下圖所示:


如何判斷一個APP頁面是否為H5頁面


3.看抄襲文章的小技巧,需要對比才能得出結果。

比如文章信息頁可以長時間按頁面試試。如果H5頁面用于文本選擇和粘貼,則為本機頁面。

一些本地應用程序打開或關閉了復制和粘貼功能。H5的css掩蓋了復制選擇功能等等。我們需要比較目標測試應用程序。

這可以在支付寶APP和螞蟻財富中判斷。

4.看加載方式。

如果在導航欄下有一個加載行來打開一個新頁面,這個頁面就是H5頁面,否則就是原生頁面。微信打開我們的H5頁面,有一條綠色的加載線。如下圖紅色方框所示:

5.查看應用頂部的導航欄是否會關閉。

如果APP頂部的導航欄中有關閉按鈕或關閉圖標,那么當前頁面對H5來說是正面的,本地頁面不會出現(除非設計開發人員有意這樣做)

當h5加載過多時,“關閉”一詞會出現在左上角。

6.判斷頁面何時下拉刷新(前提是有下拉刷新功能)

如果界面沒有明顯刷新現象,則為原生;如果有明顯的刷新現象(比如閃爍),那就是H5頁面(ios和安卓)。

比如淘寶的眾籌頁面。

在線咨詢

在線咨詢

QQ咨詢

QQ在線咨詢

電話溝通

177-6048-4886

微信咨詢

掃一掃添加
客服微信

嫖农村40的妇女舒服