CSS Inspector on tehokas kehittäjätyökalu, jonka avulla voit tarkastella minkä tahansa elementin täydellisiä CSS-ominaisuuksia viemällä hiiren sen päälle. Napsauta lukitaksesi tyylit, muokkaa niitä suoraan ja näe muutokset välittömästi sivulla.
Olipa kyseessä asettelun korjaaminen tai suosikkisivustosi tyylien tutkiminen, CSS Inspector tarjoaa kaiken tarvitsemasi selkeässä kelluvassa paneelissa. Tarkasta helposti avaamatta selaimen kehittäjätyökaluja.
Näe fontit, koot, värit, välit ja muut välittömästi, kun liikut minkä tahansa elementin päällä.
Napsauta elementtiä lukitaksesi paneelin ja estääksesi sen katoamisen, mikä mahdollistaa yksityiskohtaisen tarkastelun.
Kaksoisnapsauta arvoja muuttaaksesi niitä suoraan. Muutoksesi näkyvät heti sivulla.
Kopioi yksittäiset ominaisuudet tai koko tyyli-lohko leikepöydälle yhdellä napsautuksella.
Näe marginaali-, reunus- ja täyte-arvot visuaalisesti.
Näe elementin leveys, korkeus ja sijainti sivulla.
CSS Inspector näyttää yli 40 ominaisuutta:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorTarkasta väärin kohdistetut elementit tarkasti.
Tutki suosikkisivustojesi tyylejä.
Testaa muutoksia ennen koodin kirjoittamista.
Näytä muutokset reaaliajassa kokousten aikana.
Hanki CSS-koodi uusille elementeille helposti.
Napsauta DevSuite Pro -työkalupalkin CSS Inspector -kuvaketta.
Vie kursoriminkä tahansa elementin päälle nähdäksesi sen ominaisuudet.
Napsauta elementtiä kiinnittääksesi paneelin.
Kaksoisnapsauta arvoja säätääksesi niitä.
Kopioi muokattu koodi ja käytä sitä projektissasi.
Asenna DevSuite Pro ilmaiseksi ja avaa yli 39 kehittäjätyökalua selaimellesi.