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

Question

6

我需要右键点击一个元素并进入检查元素。

我尝试过右键点击，但由于它是一个触摸设备仿真器，这个操作没有意义，下拉菜单不会出现。

当我在模拟器中检查事情时，如果我处于触摸设备模拟器（iPad、iPhone、Galaxy）中，它就能正常工作，但当我处于模拟器中时，我会失去右键点击功能。我该如何让chrome打开那个HTML标签，就像检查元素一样，以便我不必在HTML中挖掘，试图找到我想要的元素？

提前致谢！ :)

- Drmjo

谢谢放大镜的帮助，但我仍然需要触摸功能正常工作。 - Drmjo

2个回答

4

您可以使用开发者工具左上角的放大镜，或者通过进入"仿真 | 传感器 | 模拟触摸屏幕"来关闭触摸传感器仿真，找到元素后再重新打开。

- quw

这个被踩的原因是什么？它包含了三种触摸启用的元素检查方式中的两种。 - quw

我同意。这是我经常使用的方法论。这绝对是一个有效的答案... - filoxo

这是一个有效的答案，我同意...不过直接长按元素会更容易。 - Drmjo

我想我只是认为根据我的理解指南，这是一个“高质量”的答案。它是一个成功的“尝试回答问题”，适用于那些希望使用它的人，而且它不是垃圾邮件、冒犯、滥用或仇恨言论。是否更容易则因个人而异。我只是不明白为什么会被踩。 - filoxo

@Dmjo 我同意你不应该对quantumwannabe的回答进行负评。它经过了充分的研究，是正确的，并且回答了问题。根据这个，你应该给符合这些标准的任何答案点赞，并（可选）将最适合你的答案标记为已接受（勾号）。 - codelahoma

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- codelahoma · Accepted Answer

在仿真窗口中左键单击并按住元素。

然后上下文菜单将出现，您需要将鼠标移动到 检查元素 上释放单击以激活它。