Android的開發者工具如何區分H5頁面和原生頁面

1. 在手機設置或者輔助功能中找到開發者工具(下面我用的是vivo手機)

在這裏插入圖片描述

2. 找到【開發者選項】並打開

在這裏插入圖片描述

3. 往下滑,找到【繪圖】裏面的【顯示佈局邊界】並打開

在這裏插入圖片描述

4. 打開後如何區分H5頁面和原生(native)頁面?

4.1. 原生(native)頁面

就是密密麻麻的紅線,佈局很規範的頁面就是原生頁面
在這裏插入圖片描述

4.2 H5頁面

打開頁面中間一大部分都沒有紅線,只有頁面邊緣有紅線的佈局就是H5頁面
(多用這樣的方法可以多看看,就可以很快的去區分頁面了)
另外如果還是不太會區分的話,可以看看我的另外一篇博客,也有很大的方法去區分:
https://blog.csdn.net/qq_37941471/article/details/87861733
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章