作者：25學(xué)堂
原文鏈接：http://www.25xt.com/appdesign/11851.html
如今最火的APP開發(fā)模式是Hybrid APP開發(fā)（即混合模式，半原生半H5頁面）抖单。
- 原生是Native APP
- H5就是Web App
不仔細(xì)去觀察忧设，一般人都不會察覺出來的舒帮，再加上現(xiàn)在的H5技術(shù)和原生應(yīng)用的技術(shù)很多類似源武，或者說實(shí)現(xiàn)的效果很相像斯入。
在Hybrid當(dāng)中晰搀，如何快速的判斷一個APP頁面是原生的還是H5頁面呢嵌溢？綜合網(wǎng)友的答案匯總整理了一下。如果你們還有更好的判斷方法也可以告知我赖草。
一、看斷網(wǎng)的情況
把手機(jī)的網(wǎng)絡(luò)斷掉秧骑。然后點(diǎn)開頁面。然后可以正常顯示的東西就是原生寫的乎折。
顯示404或者錯誤頁面的是html頁面绒疗。
二、看布局邊界
可以打開 開發(fā)者選項(xiàng)中的顯示布局邊界骂澄，頁面元素很多的情況下布局是一整塊的是h5的，布局密密麻麻的是原生控件坟冲。頁面有布局的是原生的否則為h5頁面溃蔫。（僅針對安卓手機(jī)適用）如下圖所示：
三、看復(fù)制文章的提示
這個需要你通過對比才能得出結(jié)果棋嘲，比如是文章資訊頁面可以長按頁面試試，如果出現(xiàn)文字選擇矩桂、粘貼功能的是H5頁面沸移，否則是native原生的頁面侄榴。
有些原生APP開放了復(fù)制粘貼功能或者關(guān)閉了。而H5的css屏蔽了復(fù)制選擇功能等等情況蕊爵。需要通過對目標(biāo)測試APP進(jìn)行對比才可知桦山。
這個在支付寶APP、螞蟻聚寶都是可以判斷的恒水。
四会放、看加載的方式
如果在打開新頁面導(dǎo)航欄下面有一條加載的線的話钉凌，這個頁面就是H5頁面，如果沒有就是原生的矢沿。微信里面打開我們的H5頁面常見的有個綠色的 加載線條酸纲。如下圖紅框里面所示：
五、下拉頁面的時候顯示網(wǎng)址提供方的一定是H5
如下圖所示：
希望可以幫到大家摄狱，以便更加容易區(qū)分原生APP頁面和H5頁面无午。
