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

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