如何通过 Chrome DevTools 查看元素的 x 和 y 位置？

Question

谁能告诉我是否有任何方法可以使用 Chrome DevTools 中的 Inspect 查看屏幕对象的 X 和 Y，或者任何允许这样做的扩展？

当您使用 Inspect 将鼠标悬停在对象上时，DevTools 会显示对象的大小，但不会显示对象的位置。

欢迎大家的帮助。谢谢。

Answer 1

你可以在控制台中输入这个，

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

这将在元素工具提示中提供鼠标移动时的鼠标位置。