Javascript 有没有办法告诉Chrome web调试器以页面坐标显示当前鼠标位置?

Javascript 有没有办法告诉Chrome web调试器以页面坐标显示当前鼠标位置?,javascript,html,google-chrome,debugging,Javascript,Html,Google Chrome,Debugging,我经常使用Chrome web调试器调试javascript代码。在“图元”选项卡中,将鼠标悬停在图元上会显示一个工具提示,其中包含一些信息,包括该图元的宽度和高度 有时,我需要查看当前鼠标位置的页面坐标。但调试器似乎不显示此类信息 那么,有没有办法添加它?比如一个扩展,或者有其他选择 编辑 使用接受的答案,我可以添加以下bookmarklet并获得我想要的内容: javascript:document.onmousemove = function(e){var x = e.pageX;var

我经常使用Chrome web调试器调试javascript代码。在“图元”选项卡中,将鼠标悬停在图元上会显示一个工具提示,其中包含一些信息,包括该图元的宽度和高度

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

那么,有没有办法添加它?比如一个扩展,或者有其他选择

编辑

使用接受的答案,我可以添加以下bookmarklet并获得我想要的内容:

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

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

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

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

当我需要查看鼠标坐标时,我使用此Chrome插件:

将's与's与Chrome 70+相结合,您可以不断更新
(x,y)
坐标,而无需填充devtools控制台:

在控制台中输入以下内容:

var x, y; document.onmousemove=(e)=>{x=e.pageX;y=e.pageY;}
将其作为实时表达式输入:

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


这对SVG有效。

不错,但它会破坏所有日志。如果删除clear()语句,那么日志中就会出现大量位置消息。这是我们能得到的最好的了吗?好的,试试上面的,我把它改成了记录到标题中。:)这个怎么样
document.onmousemove=函数(e){document.title=“X:+e.pageX+”-Y:+e.pageY;}
作为对关注者的提醒,这回答了“用于”销毁日志,但经过编辑,现在只有当鼠标光标在任何位置停留足够长的时间时,才会给你一个很好的小工具提示。工作良好的解决方案可以避免不正常的安装扩展它在chrome或任何浏览器中都不会在调试模式下工作。这是chrome的一个插件,所以你不能在其他浏览器中使用它。我刚刚测试了插件,它仍然正常工作。它始终显示鼠标的坐标,即使您打开chrome调试模式/chrome DevTools。@Chandrashekharam当您想要使用它时,您必须通过单击chrome栏(右上角)中的图标来启用它。这是一个比在日志中写入要好得多的解决方案。提示:要创建一个实时表达式,请按All-Sighing Eye图标。除此之外,这是最好的答案。