如何區分APP內的原生還是H5

2022-06-23 19:57:09 字數 339 閱讀 2430

1、看斷網的情況

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

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

2、看佈局邊界

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

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

如果介面沒有明顯重新整理現象的是原生的,如果有明顯重新整理現象(比如閃一下)的是h5頁面(ios和android)。

比如**的眾籌頁面。

7、下拉頁面的時候顯示**提供方的一定是h5

H5內嵌原生app

因此,可以看到內嵌其實並不難,難就難在要適配 原生與web互動 資料傳遞等,當然我們也可以使用vue來開發h5介面 一 如何實現互動? 答案是使用第三方外掛jsbridge 1 通過js偽造請求 原生攔截獲取資料 原理類似於jsonp 首先在js中定義一個函式並掛載在window下,然後在原生中呼叫...

APP頁面如何區分是原生的還是H5頁面

1 看斷網的情況 把手機的網路斷掉。然後點開頁面。然後可以正常顯示的東西就是原生寫的。 顯示404或則錯誤頁面的是html頁面。 2 看佈局邊界 僅針對安卓手機適用 可以開啟 開發者選項中的顯示佈局邊界,頁面元素很多的情況下佈局是一整塊的是h5的,佈局密密麻麻的是原生控制元件。頁面有佈局的是原生的否則為...

h5打包app後的問題

1 蘋果頁面超出隱藏造成卡頓 解決方式overflow auto webkit overflow scrolling touch ios5 2 h5打包後在ios下內容與狀態列重疊問題 1 知道裝置的型別 var isandroid u indexof android 1 u indexof lin...