PC查看移动设备网页元素

文档概述

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

准备工作

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

使用adb进行端口转发:

adb forward tcp:9222 localabstract:chrome_devtools_remote

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

about:inspect

显示界面如下,并且勾选:

001

测试方式

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

003

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

以上。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,132评论 25 708
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,886评论 18 139
  • 昨天是我和领导一起,领导总是争分夺秒的做事情。虽说国庆没什么事情,但是她把手头的工作也抓紧做了,比如做报表,算工资...
    林玉珍阅读 332评论 0 2
  • 无题 深一脚,浅一脚,哪有污泥不沾脚。 出此坑,入彼坑,一坑更比一坑深。 夜也深,梦也深,月夜难圆月自怜。 天也冷...
    瞿静阅读 168评论 0 1