CSS Inšpektor je zmogljivo, brezplačno orodje za razvijalce, ki vam omogoča, da premaknete kazalec nad katerikoli element na spletni strani in takoj vidite njegove izračunane CSS lastnosti.
Ne glede na to, ali odpravljate težave s postavitvijo ali preučujete spletno mesto, ki vam je všeč, CSS Inspector ponuja vse, kar potrebujete, v čisti plavajoči plošči. Pregledujte enostavno brez odpiranja brskalnikovih DevTools.
Takoj si oglejte pisave, velikosti, barve, razmike in še več, ko z miško pojdite čez kateri koli element.
Kliknite na element, da ploščo zaklenete, da ne izgine, kar omogoča podroben pregled.
Dvakrat kliknite na vrednosti, da jih neposredno spremenite. Vaši popravki se takoj odrazijo na strani.
Z enim klikom kopirajte posamezne lastnosti ali celoten blok slogov v odložišče.
Vizualno si oglejte vrednosti odmikov (margin), obrob (border) in notranjih odmikov (padding).
Prikaže širino, višino in položaj elementa na strani.
CSS Inspector prikazuje več kot 40 lastnosti:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorNatančno preglejte neporavnane elemente.
Preučite sloge svojih najljubših spletnih mest.
Preizkusite spremembe, preden napišete kodo.
Pokažite spremembe v živo med sestanki.
Preprosto pridobite kodo CSS za nove elemente.
Kliknite ikono CSS Inspector v orodni vrstici DevSuite Pro.
Premaknite kazalec čez kateri koli element, da vidite njegove lastnosti.
Kliknite na element, da ploščo pripnete.
Dvakrat kliknite na vrednosti, da jih prilagodite.
Kopirajte posodobljeno kodo in jo uporabite v svojem projektu.
Namestite DevSuite Pro brezplačno in odklenite več kot 39 orodij za razvijalce za svoj brskalnik.