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

时间:2014-08-21 18:41:06

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

我需要右键单击一个元素然后去检查元素。

我试图点击右键,但由于触摸设备模拟器的动作没有意义,因此下拉列表不会出现。

当我不在模拟器模式下检查时,它工作正常,但当我在触摸设备(ipad,iphone,galaxy)的模拟器中时,我失去了右键单击。 它是如何使chrome打开html标签就像inspect元素一样,所以我不必深入挖掘html试图找到我想要的元素?

提前谢谢! :)

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:4)

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

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