Inspectie van letterlijke dimensies in Firefox

Ik gebruikte de webontwikkelaarfunctie van Firefox om elementen te inspecteren. Ik ben benieuwd of iemand een manier heeft om de exacte dimensies, te weten breedte en hoogte in pixels, van een HTML-element op een bepaalde pagina te vinden?

Klik bijvoorbeeld nu met de rechtermuisknop op elk element op deze StackOverflow-pagina dat u aan het lezen bent, klik op 'Inspecteren' - is er een snelle en vuile manier om erachter te komen hoeveel pixels in uw browser worden weergegeven? Met name de breedte, omdat vaak het stylesheet de hoogte al aangeeft.

Notitie: Mijn gebruik is het verkleinen van een afbeelding tot precies de breedte in pixels die wordt weergegeven, naast het doen van iets als

    
1

2 antwoord

Inspect, view styles, click the computed tab and uncheck only user styles.

2
toegevoegd

You might want to try Firebug, https://addons.mozilla.org/en-US/firefox/addon/firebug/

Het is en add-on voor FF, activeer het met Ctrl + F12, selecteer de blauwe pijl en wijs naar het element dat u wilt inspecteren. Je krijgt waar in de HTML dat element is en aan de rechterkant zijn stijlen. Selecteer 'layout' rechts van stijl en het geeft u de exacte afmetingen

1
toegevoegd