如何通过 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;
};

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