如何在 Chrome DevTools 中模拟触摸屏时检查元素？答案

【问题标题】：How to inspect element while emulating touch screen in Chrome DevTools?如何在 Chrome DevTools 中模拟触摸屏时检查元素？
【发布时间】：2014-10-15 12:28:45
【问题描述】：

我需要右键单击一个元素并转到检查元素。

我尝试右键单击，但由于它是一个触摸设备模拟器，该操作没有意义，因此不会出现下拉菜单。

当我不在模拟器模式下检查东西时它工作正常，但是当我在触摸设备（ipad、iphone、galaxy）的模拟器中时，我失去了右键单击。它如何让 chrome 打开那个 html 标签，就像检查元素一样，所以我不必挖掘 html 试图找到我想要的元素？

提前致谢！ :)

【问题讨论】：

感谢放大镜的帮助...因为我仍然需要触摸的东西才能工作...

标签： html css google-chrome emulation google-chrome-devtools

【解决方案1】：

左键单击并按住模拟窗口中的元素。

然后会出现上下文菜单，您需要将鼠标移动到Inspect Element，然后再释放单击以激活它。

【讨论】：

【解决方案2】：

您可以使用开发人员工具左上角的放大镜，也可以通过转到仿真|传感器|仿真触摸屏来关闭触摸传感器仿真，然后在找到您的元素后将其重新打开。

【讨论】：

这是否有理由被否决？它包含三种方法中的两种在启用触摸的情况下检查元素。
我同意。这是我经常使用的方法。这绝对是一个有效的答案...
这是一个我同意的有效答案......但是只需长按元素更容易......
我想我的意思是根据我对guidelines 的理解，这是一个“质量”的答案。它是一次成功的“尝试回答问题”，适用于希望使用它的人，它不是垃圾邮件、攻击性、辱骂性或仇恨言论。是否更容易对每个人来说都是主观的。我只是不明白反对票。
@Dmjo 我同意您不应该对quantumwannabe 的回答投反对票。它经过充分研究和正确，并回答了问题。根据this，您应该对符合该标准的任何答案进行投票，并（可选）将最适合您的答案标记为已接受（复选标记）。