CSS Inšpektor je výkonný, bezplatný vývojársky nástroj, ktorý vám umožňuje prejsť kurzorom nad akýkoľvek prvok na webovej stránke a okamžite zobraziť jeho kompletné vypočítané CSS vlastnosti.
Či už opravujete problémy s rozložením alebo študujete webovú stránku, ktorá sa vám páči, CSS Inspector poskytuje všetko, čo potrebujete, v čistom plávajúcom paneli. Kontrolujte jednoducho bez otvárania prehliadačových nástrojov DevTools.
Okamžite uvidíte písma, veľkosti, farby, rozstupy a ďalšie informácie pri prejdení myšou nad ľubovoľným prvkom.
Kliknite na prvok, aby ste panel uzamkli a nezmizol, čo umožní podrobnú kontrolu.
Dvojitým kliknutím na hodnoty ich zmeníte priamo. Vaše úpravy sa okamžite prejavia na stránke.
Kliknutím skopírujete jednotlivé vlastnosti alebo celý blok štýlov do schránky.
Vizuálne zobrazte hodnoty okrajov (margin), ohraničení (border) a paddingu.
Zobrazuje šírku, výšku a pozíciu prvku na stránke.
CSS Inspector zobrazuje viac ako 40 vlastností:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorPresne skontrolujte nezarovnané prvky.
Študujte štýly svojich obľúbených webových stránok.
Otestujte zmeny skôr, ako napíšete kód.
Ukážte živé zmeny počas stretnutí.
Jednoducho získajte kód CSS pre nové prvky.
Kliknite na ikonu CSS Inspector v paneli nástrojov DevSuite Pro.
Pohybujte kurzorom nad ľubovoľným prvkom a uvidíte jeho vlastnosti.
Kliknutím na prvok panel pripnete.
Dvojitým kliknutím na hodnoty ich upravíte.
Skopírujte aktualizovaný kód a použite ho vo svojom projekte.
Nainštalujte si DevSuite Pro zadarmo a odomknite viac ako 39 vývojárskych nástools pre váš prehliadač.