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

ugmeyewa 于 2023-03-21 发布在 Go

关注(0)|答案(3)|浏览(600)

我经常使用chromeweb调试器来调试我的javascript代码，在元素标签中，将鼠标悬停在一个元素上会显示一个工具提示，其中包含一些信息，包括该元素的宽度和高度。
有时候，我需要看到当前鼠标位置的页面坐标。但是调试器似乎没有显示这种信息。
那么，有没有办法添加它呢？比如扩展或者也许有其他的选择？

编辑

使用接受的答案，我可以添加下面的书签，并有正是我想要的：

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

google-chrome

来源：https://stackoverflow.com/questions/12888584/is-there-a-way-to-tell-chrome-web-debugger-to-show-the-current-mouse-position-in

3条答案

按热度按时间

w8f9ii691#

你可以在控制台上输入这个，

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

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

赞(0）回复(0）举报 2023-03-21

k5ifujac2#

结合ppsreejith的answer和JHarding的answer以及Chrome 70+的Live Expressions，您可以不断更新(x, y)坐标，而无需填满devtools控制台：
在控制台中输入以下内容：

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

将其输入为Live Expression（要创建Live Expression，请单击控制台顶部菜单中的眼睛）。

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

这个可以在SVG上使用。

赞(0）回复(0）举报 2023-03-21

nzk0hqpo3#

当我需要看到我的鼠标坐标，我用这个Chrome插件：Coordinates addon

赞(0）回复(0）举报 2023-03-21

我来回答

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

3条答案

相关问题

热门标签

最新问答