How to check item during touch screen emulation in Chrome DevTools?

I need to right-click on an element and proceed to validate the element.

I tried to right-click, but since its emulator is a touch device that the action does not make sense, a pop-up menu does not appear.

It works great when I'm not in emulator mode, checking things out, but when I'm in the emulator for touch devices (ipad, iphone, galaxy), I lose the right click. How to make chrome open that the html tag is like a validation element, so I don’t have to break through the html trying to find the element I want?

Thanks in advance!:)

+5
source share
2 answers

Left-click and hold an item in the emulation window.

A context menu will appear and you will need to move the mouse over the Inspect Element before releasing it to activate it.

+4
source

You can use either a magnifying glass in the upper left corner of the developer tools, or you can disable the emulation of the sensor by going to emulation | Sensors | Emulate the touch screen and turn it on after you find your item.

+3
source

Source: https://habr.com/ru/post/1200871/


All Articles