1. 看斷網(wǎng)情況。
通過斷開網(wǎng)絡,刷新頁面,觀察內(nèi)容緩存情況,可以有一個大致的判斷,可以正常顯示的就是原生App,顯示404或者錯誤頁面的就是 Web App。
2. 看頁面布局編輯。
如果頁面布局比較簡單,可能是原生App;如果頁面布局很復雜,頁面動畫很多,可能是 Web App。
3. 看復制文章的提示,需要通過對比才能得出結果。
比如,長按文章信息頁面,如果出現(xiàn)文字選擇、粘貼功能的是 Web App,否則是原生App。
有些原生App開放了復制、粘貼功能或者關閉了這些功能,而 Web App中HTML5中的CSS屏蔽了復制、選擇功能等,需要通過對目標測試App進行對比才能分辨。
4. 看加載方式。
如果在打開新頁面的導航欄下面有一條加載線,這個頁面就是 Web App;如果沒有,就是原生的App。
5. 看App頂部導航欄是否會關閉按鈕。
如果App頂部導航欄中出現(xiàn)了關閉按鈕或者關閉圖標,那么當前App是 Web App,原生App中不會出現(xiàn)(除非設計開發(fā)者特意設計)、美團、大眾點評、微信的App。當加載H5頁面過多的時候,左上角會出現(xiàn)“關閉”兩個字。
6. 看頁面刷新情況。
如果頁面沒有明顯刷新現(xiàn)象就是原生App,如果有明顯刷新現(xiàn)象(比如閃一下)就是 Web App,比如淘寶的眾籌頁面等。
在下拉頁面的時候顯示網(wǎng)址提供方的一定是 Web App。
7. 利用系統(tǒng)開發(fā)人員工具
在手機的“設置”中,選擇“開發(fā)者選項”→“顯示布局邊界”,選擇開啟后再次查看App整體布局邊界,這樣所有應用控件的布局就會一目了然。