APP的一個頁面,你怎么區分是原生native頁面,還是H5


方法總結

1、看斷網情況

  把手機的網絡斷掉。然后點開頁面。然后可以正常顯示的東西就是原生寫的。

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

2、看布局邊界

  可以打開開發者選項中的顯示布局邊界,頁面元素很多的情況下布局是一整塊的是h5的,布局密密麻麻的是原生控件。頁面有布局的是原生的否則為h5頁面。(僅針對安卓手機試用)如下圖所示

  

 

 3、看復制文章的提示,需要你通過對比才能得出結果

  比如是文章資訊頁面可以長按頁面試試,如果出現文字選擇、粘貼功能的是H5頁面,否則是native原生的頁面。

  有些原生APP開放了復制粘貼功能或者關閉了。而H5的css屏蔽了復制選擇功能等等情況。需要通過對目標測試APP進行對比才可知。
  這個在支付寶APP、螞蟻聚寶都是可以判斷的

4、看加載方式

  如果在打開新頁面導航欄下面有一條加載的線的話,這個頁面就是H5頁面,如果沒有就是原生的。 微信里面打開我們的H5頁面常見的有個綠色的 加載線條。如下圖紅框里面所示

  

 

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

  如果APP頂部導航欄當中出現了關閉按鈕或者有關閉的圖標,那么當前的頁面肯定的H5,原生的不會出現(除非設計開發者故意弄的)

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

6、判斷頁面 下拉刷新的時候(前提是要有下拉刷新的功能)

  如果界面沒有明顯刷新現象的是原生的,如果有明顯刷新現象(比如閃一下)的是H5頁面(ios和android)。

  比如淘寶的眾籌頁面。

7、下拉頁面的時候顯示網址提供方的一定是H5。如下圖所示:

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM