CSS Inspector-værktøjet er et kraftfuldt udviklerværktøj, der giver dig mulighed for at se alle CSS-egenskaber for et hvilket som helst element, blot ved at holde musen over det. Klik for at låse typografier, rediger dem direkte, og se ændringerne blive anvendt på siden med det samme.
Uanset om du fejlfinder layoutproblemer eller studerer et websted, du kan lide, giver CSS Inspector alt, hvad du behøver, i et rent, flydende panel. Inspicer nemt uden at åbne browserens DevTools.
Se skrifttyper, størrelser, farver, afstande og meget mere med det samme, når du holder musen over et element.
Klik på elementet for at låse panelet, så det ikke forsvinder, hvilket muliggør detaljeret inspektion.
Dobbeltklik på værdier for at ændre dem direkte. Dine redigeringer vil blive afspejlet med det samme på siden.
Kopier individuelle egenskaber eller hele designblokken til din udklipsholder med et enkelt klik.
Se værdier for margin, border og padding visuelt.
Viser elementets bredde, højde og position på siden.
CSS Inspector viser over 40 egenskaber:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorInspicer fejljusterede elementer med præcision.
Studer typografier på dine yndlingswebsteder.
Test ændringer, før du skriver kode.
Vis live-ændringer under møder.
Hent nemt CSS-kode til nye elementer.
Klik på CSS Inspector-ikonet i DevSuite Pro-værktøjslinjen.
Flyt markøren over et element for at se dets egenskaber.
Klik på elementet for at fastgøre informationspanelet.
Dobbeltklik på værdier for at justere dem.
Kopier den opdaterede kode og brug den i dit projekt.
Installer DevSuite Pro gratis og lås op for 39+ udviklerværktøjer til din browser.