PC查看移动设备网页元素

文档概述

做html开发时候，可能需要分析元素的坐标及其他性能，本地开发OK运行到Android上可能就会出现问题，本文档旨在教你怎么在电脑上调试网页元素。

准备工作

• adb 环境
• 测试机chrome浏览器（原生浏览器也可以）
• chorme浏览器

使用adb进行端口转发：

adb forward tcp:9222 localabstract:chrome_devtools_remote

打开PC端chorme浏览器在地址栏输入：

about:inspect

显示界面如下，并且勾选：

001

测试方式

经过以上步骤，随后打开测试网页，点击上图最下面的inspect按钮，出现如下窗口:

003

之后鼠标经过dom节点，手机上对应的控件会高亮显示。

以上。