比較直接的幾個方式如下：
- 手機設置———>開發者選項———–>開啓顯示佈局邊界,頁面有佈局的是native否則爲h5頁面;
- 長按頁面，如果出現文字選擇、粘貼功能的是H5頁面，否則是native頁面，我在我們自己的App裏面試了一下是可以判斷的。但是有一種情況，如果H5頁面就是一張圖片，那麼是不能通過這個方法驗證的。
- 抓包抓到url或者html的代碼則肯定有 「H5」佈局。
還有一些情況需要從native和h5的區別去判斷了，區別如下：
- app和h5頁面相比，擁有較少的頁面跳轉。網絡環境一致的情況下，h5頁面渲染是需要調取服務器的，但是app的渲染在本地，所以h5頁面跳轉更費力，不穩定感會強一些。所以h5頁面想要減少跳轉的話，一般都會使用交互技巧來隱藏文字。
- h5頁面展示空間比app小，給使用者帶來的記憶負擔大於app。人的大腦能短期記憶，但是這樣的記憶是不穩定的。如果用戶在滾動翻閱屏幕的過程中，需要臨時記憶的信息越多，他們的表現是會越差的。現在，只有很少的人會有耐心慢慢看完長長的內容，h5頁面相對於app而言，多了瀏覽器導航所佔用的屏幕空間。
- h5與app相比的優勢在於h5頁面可以隨意的分享，而且迭代是很方便的，不同的系統只要適配一次即可。但是app的每次迭代需要在不同系統基礎上迭代。
- h5頁面與app導航設計不同。h5頁面使原有底部導航消失，有效的導航遇到挑戰。在設計要考慮導航設計，頂部底部或左右側，還要考慮如何快速跳轉回重要頁面，導航快捷鍵：如頂部固定位置、懸浮圓圈或非首屏時頁面右側懸浮。而app的導航更直接方便。