有没有办法告诉 Chrome 网页调试器在页面坐标中显示当前的鼠标位置？

我经常使用 Chrome 网页调试器来调试我的 javascript 代码。在 element 选项卡中，将鼠标悬停在一个元素上方会显示一个工具提示，其中包含一些信息，包括该元素的宽度和高度。

有时，我需要查看当前鼠标位置的页面坐标。但似乎调试器不显示这种信息。

那么，有没有办法把它加进去? 比如说扩展，或者还有其他选择？

剪辑

使用公认的答案，我可以添加以下书签，并得到我想要的东西:

javascript:document.onmousemove = function(e){var x = e.pageX;var y = e.pageY;e.target.title = "X is "+x+" and Y is "+y;};

68403 次浏览

小开

最佳答案

你可以把这个输入到控制台,

document.onmousemove = function(e){
var x = e.pageX;
var y = e.pageY;
e.target.title = "X is "+x+" and Y is "+y;
};

这将在元素工具提示中给出鼠标移动时的位置。

小开

当我需要查看鼠标的坐标时，我使用这个 Chrome 插件: 坐标插件

小开

结合 (咒语)的回答和 JHarding的回答以及 Chrome 70 + 的现场表达，你可以不断更新 (x, y)的坐标，而不需要填满 devtools 控制台:

在控制台输入以下内容:

var x, y; document.onmousemove=(e)=>{x=e.pageX;y=e.pageY;}

请输入以下实时表达式:

"("+x+", "+y+")"

这对 SVG 也有效。