CSS Inspector er et kraftig utviklerverktøy som lar deg se alle CSS-egenskapene til ethvert element bare ved å holde musepekeren over det. Klikk for å låse stilene, rediger dem direkte, og se endringene bli brukt umiddelbart på siden.
Enten du fikser layoutproblemer eller studerer et nettsted du liker, gir CSS Inspector alt du trenger i et ryddig, flytende panel. Inspiser enkelt uten å åpne nettleserens DevTools.
Se fonter, størrelser, farger, avstander og mer umiddelbart når du holder pekeren over et element.
Klikk på et element for å låse panelet slik at det ikke forsvinner, noe som tillater detaljert inspeksjon.
Dobbeltklikk på verdier for å endre dem direkte. Redigeringene dine reflekteres umiddelbart på siden.
Kopier individuelle egenskaper eller hele designstilblokken til utklippstavlen med ett klikk.
Se marger, rammer og padding-verdier visuelt.
Viser elementets bredde, høyde og posisjon på siden.
CSS Inspector viser over 40 egenskaper:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorInspiser elementer som ikke er justert med presisjon.
Studer stilene til favorittnettstedene dine.
Test endringer før du skriver kode.
Vis live-endringer under møter.
Få CSS-koden for nye elementer enkelt.
Klikk på CSS Inspector-ikonet i DevSuite Pro-verktøylinjen.
Beveg markøren over et element for å se egenskapene dess.
Klikk på elementet for å feste panelet.
Dobbeltklikk på verdier for å justere dem.
Kopier den oppdaterte koden og bruk den i prosjektet ditt.
Installer DevSuite Pro gratis og lås opp 39+ utviklerverktøy for nettleseren din.