it-swarm.com.de

Gibt es eine Möglichkeit, den Chrome Web Debugger anzuweisen, die aktuelle Mausposition in Seitenkoordinaten anzuzeigen?

Ich debugiere meinen Javascript-Code häufig mit dem Chrome-Web-Debugger. Wenn Sie auf der Registerkarte Elemente über ein Element zeigen, wird eine QuickInfo mit einigen Informationen angezeigt, einschließlich der Breite und Höhe dieses Elements.

Manchmal muss ich die Seitenkoordinaten der aktuellen Mausposition sehen. Es scheint jedoch, dass der Debugger diese Informationen nicht anzeigt.

Gibt es eine Möglichkeit, es hinzuzufügen? Wie eine Erweiterung oder vielleicht gibt es andere Möglichkeiten?

EDIT

Mit der akzeptierten Antwort könnte ich folgendes Bookmarklet hinzufügen und genau das haben, was ich wollte:

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

Sie könnten dies in die Konsole eingeben,

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

Dadurch erhalten Sie die Mausposition bei der Mausbewegung in der Element-QuickInfo.

101
ppsreejith

Wenn ich die Koordinaten für meine Maus sehen muss, verwende ich dieses Chrome-Addon: Addon Coordinates

4
Morten S

Durch die Kombination von ppsreejith mit answer mit JHarding mit answer mit Chrome 70 + Live-Ausdrücken können Sie ständig (x, y)-Koordinaten aktualisieren, ohne die devtools aufzufüllen Konsole:

Geben Sie dies in der Konsole ein:

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

Geben Sie diesen als Live-Ausdruck ein:

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

Und das funktioniert bei SVGs.

1
dcmorse