Ik debug vaak mijn JavaScript-code met de Chrome-webdebugger. Als je op het tabblad Elementen met de muis over een element gaat, zie je knopinfo met een paar stukjes informatie, waaronder de breedte en hoogte van dat element.
Soms moet ik de paginacoördinaten van de huidige muispositie zien. Maar het lijkt erop dat de debugger dit soort informatie niet weergeeft.
Dus, is er een manier om het toe te voegen? Vind je een extensie leuk of zijn er andere opties?
BEWERKEN
Met het geaccepteerde antwoord kon ik de volgende bookmarklet toevoegen en heb ik precies wat ik wilde:
javascript:document.onmousemove = function(e){var x = e.pageX;var y = e.pageY;e.target.title = "X is "+x+" and Y is "+y;};
Antwoord 1, autoriteit 100%
Je zou dit in de console kunnen typen,
document.onmousemove = function(e){
var x = e.pageX;
var y = e.pageY;
e.target.title = "X is "+x+" and Y is "+y;
};
Hiermee krijgt u de muispositie bij het verplaatsen van de muis in de tooltip van het element.
Antwoord 2, autoriteit 22%
Combineren ppsreejith‘s antwoordmet JHarding‘s beantwoordenmet Live Expressions van Chrome 70+ je kunt de (x, y)-coördinaten constant bijwerken zonder de devtools-console te vullen:
Voer dit in de console in:
var x, y; document.onmousemove=(e)=>{x=e.pageX;y=e.pageY;}
Voer dit in als een live-expressie:
"("+x+", "+y+")"
En dit werkt op SVG’s.
Antwoord 3, autoriteit 4%
Als ik de coördinaten van mijn muis wil zien, gebruik ik deze Chrome-add-on:
Coördinaten-add-on