Как просмотреть положение элементов x и y в Chrome DevTools?

Question

Может ли кто-нибудь сказать мне, есть ли способ просмотра X и Y экранного объекта с помощью Inspect из Chrome DevTools, или любое расширение, которое позволит это?

DevTools показывает размер объекта, когда вы наводите на него курсор мыши, используя Inspect, но не отображает положение объекта.

Любая помощь приветствуется. Спасибо.

Answer 1

Вы можете ввести это в консоли,

document.onmousemove = function(e){
var x = e.pageX;
var y = e.pageY;
e.target.title = "X is "+x+" and Y is "+y;
};

Это даст вам положение мыши при перемещении мыши во всплывающей подсказке элемента.