【问题标题】：How do I view the x and y position of an element through Chrome DevTools?如何通过 Chrome DevTools 查看元素的 x 和 y 位置？
【发布时间】：2019-07-30 08:39:27
【问题描述】：
谁能告诉我是否有任何方法可以使用 Chrome DevTools 中的 Inspect 查看屏幕对象的 X 和 Y，或者任何允许这样做的扩展程序？
当您使用 Inspect 将鼠标悬停在对象上时，DevTools 会显示对象的大小，但不会显示对象的位置。
欢迎任何帮助。谢谢。
【问题讨论】：
标签：
google-chrome
google-chrome-extension
google-chrome-devtools
devtools
【解决方案1】：
你可以在控制台输入这个，
document.onmousemove = function(e){
var x = e.pageX;
var y = e.pageY;
e.target.title = "X is "+x+" and Y is "+y;
};
这将在元素工具提示中为您提供鼠标移动时的鼠标位置。