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

这将使您在元素工具提示中的鼠标移动时处于鼠标位置。