Nástroj CSS Inspector je výkonný nástroj pro vývojáře, který vám umožní vidět všechny CSS vlastnosti libovolného prvku pouhým najetím myší. Kliknutím styly uzamknete, přímo je upravíte a uvidíte, jak se změny okamžitě projeví na stránce.
Ať už řešíte problémy s rozvržením nebo studujete web, který se vám líbí, CSS Inspector poskytuje vše, co potřebujete, v přehledném plovoucím panelu. Kontrolujte snadno bez otevírání vývojářských nástrojů prohlížeče.
Okamžitě uvidíte písma, velikosti, barvy, mezery a další parametry při najetí myší na libovolný prvek.
Kliknutím na prvek uzamknete panel, aby nezmizel, což umožní podrobnou kontrolu.
Dvakrát klikněte na hodnoty a přímo je změňte. Vaše úpravy se okamžitě projeví na stránce.
Jedním kliknutím zkopírujte jednotlivé vlastnosti nebo celý blok stylů do schránky.
Vizuálně uvidíte hodnoty pro margin, border a padding.
Zobrazuje šířku, výšku a pozici prvku na stránce.
CSS Inspector zobrazuje více než 40 vlastností:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorPřesně zkontrolujte špatně zarovnané prvky.
Studujte styly svých oblíbených webových stránek.
Otestujte změny před psaním kódu.
Ukažte změny naživo během schůzek.
Snadno získejte CSS kód pro nové prvky.
Klikněte na ikonu CSS Inspector na panelu nástrojů DevSuite Pro.
Přesuňte kurzor na libovolný prvek a uvidíte jeho vlastnosti.
Kliknutím na prvek připnete informační panel.
Dvakrát klikněte na hodnoty a upravte je.
Zkopírujte aktualizovaný kód a použijte jej ve svém projektu.
Nainstalujte si DevSuite Pro zdarma a odemkněte 39+ vývojářských nástrojů pro svůj prohlížeč.