CSS Inspector är ett kraftfullt utvecklarverktyg som låter dig se alla CSS-egenskaper för valfritt element genom att helt enkelt hålla muspekaren över det. Klicka för att låsa stilarna, redigera dem direkt och se ändringarna tillämpas omedelbart på sidan.
Oavsett om du fixar layoutproblem eller studerar en webbplats du gillar, ger CSS Inspector allt du behöver i en ren, flytande panel. Inspektera enkelt utan att öppna webbläsarens DevTools.
Se teckensnitt, storlekar, färger, avstånd och mer omedelbart när du håller muspekaren över ett element.
Klicka på elementet för att låsa panelen så att den inte försvinner, vilket möjliggör en detaljerad inspektion.
Dubbelklicka på värden för att ändra dem direkt. Dina redigeringar återspeglas omedelbart på sidan.
Kopiera enskilda egenskaper eller hela designstilmallen till ditt urklipp med ett klick.
Se marginaler, ramar och utfyllnadsvärden visuellt.
Visar elementets bredd, höjd och position på sidan.
CSS Inspector visar över 40 egenskaper:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorInspektera feljusterade element med precision.
Studera stilarna på dina favoritwebbplatser.
Testa ändringar innan du skriver kod.
Visa live-ändringar under möten.
Få enkelt CSS-koden för nya element.
Klicka på CSS Inspector-ikonen i DevSuite Pro-verktygsfältet.
Flytta markören över ett element för att se dess egenskaper.
Klicka på elementet för att fästa panelen.
Dubbelklicka på värden för att justera dem.
Kopiera den uppdaterade koden och använd den i ditt projekt.
Installera DevSuite Pro gratis och lås upp 39+ utvecklarverktyg för din webbläsare.