Is there a way to tell Chrome web debugger to show the current mouse position in page coordinates?

Question

I often debug my javascript code using the Chrome web debugger. In the elements tab, hovering over an element show a tooltip with a few pieces of information, including the widt

Answer 1

Combining ppsreejith's answer with JHarding's answer with Chrome 70+'s Live Expressions you can get constantly updating (x, y) coordinates without filling up the devtools console:

Enter this in the console:

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

Enter this as a Live Expression:

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

And this works on SVGs.

Answer 2

When i need to see the coordinates for my mouse, i use this Chrome addon: Coordinates addon

Answer 3

You could type this into the console,

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

This will give you mouse position on mouse move in the element tooltip.