2012-10-15 4 views
30

Ich debugge oft meinen Javascript Code mit dem Chrome Web Debugger. Auf der Registerkarte "Elemente" zeigt der Mauszeiger über ein Element eine QuickInfo mit einigen Informationen, einschließlich der Breite und Höhe dieses Elements.Gibt es eine Möglichkeit, dem Chrome-Webdebugger mitzuteilen, dass er die aktuelle Mausposition in Seitenkoordinaten anzeigt?

Manchmal muss ich die Seitenkoordinaten der aktuellen Mausposition sehen. Aber es scheint, dass der Debugger diese Art von Informationen nicht anzeigt.

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

EDIT

Mit der akzeptierten Antwort konnte ich die folgenden Bookmarklet hinzufügen und habe genau das, 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;}; 

Antwort

76

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 beim Bewegen der Maus im Element-Tooltip.

+0

Schön, aber es zerstört alle das Protokoll. Und wenn Sie die clear() -Anweisung entfernen, wird das Protokoll mit Zillion-Positionsnachrichten überfüllt. Ist es das Beste, was wir haben können? – mark

+0

Ok, versuche das oben, ich habe es geändert, um es auf den Titel zu protokollieren. :) – ppsreejith

+6

Einfach und genial. – mark

1

Wenn ich die Koordinaten für meine Maus sehen müssen, verwende ich diese Chrome Addon: Coordinates addon

Verwandte Themen