文档概述
做html开发时候,可能需要分析元素的坐标及其他性能,本地开发OK运行到Android上可能就会出现问题,本文档旨在教你怎么在电脑上调试网页元素。
准备工作
- adb 环境
- 测试机chrome浏览器(原生浏览器也可以)
- chorme浏览器
使用adb进行端口转发:
adb forward tcp:9222 localabstract:chrome_devtools_remote
打开PC端chorme浏览器在地址栏输入:
about:inspect
显示界面如下,并且勾选:
测试方式
经过以上步骤,随后打开测试网页,点击上图最下面的inspect
按钮,出现如下窗口:
之后鼠标经过dom节点,手机上对应的控件会高亮显示。
以上。