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

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