A CSS Inspector egy hatékony fejlesztői eszköz, amely lehetővé teszi, hogy megtekintse bármely elem teljes CSS-tulajdonságait egyszerűen azáltal, hogy fölé viszi az egeret. Kattintson a stílusok rögzítéséhez, szerkessze őket közvetlenül, és lássa a változtatásokat azonnal az oldalon.
Akár egy elrendezési hibát javít, akár egy Önnek tetsző weboldalt tanulmányoz, a CSS Inspector mindent megad, amire szüksége van egy letisztult lebegő panelen. Könnyedén vizsgálódhat a böngésző DevTools megnyitása nélkül.
Azonnal láthatja a betűtípusokat, méreteket, színeket, térközöket és egyebeket, miközben az egérrel az elemek fölé mutat.
Kattintson az elemre a panel rögzítéséhez, megakadályozva annak eltűnését, ami lehetővé teszi a részletes vizsgálatot.
Kattintson duplán az értékekre a közvetlen módosításhoz. A szerkesztések azonnal megjelennek az oldalon.
Másoljon egyedi tulajdonságokat vagy a teljes stílusblokkot a vágólapra egyetlen kattintással.
Tekintse meg a margin, border és padding értékeket vizuálisan.
Tekintse meg az elem szélességét, magasságát és pozícióját az oldalon.
A CSS Inspector több mint 40 tulajdonságot mutat meg:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorVizsgálja meg a rosszul igazított elemeket nagy pontossággal.
Tanulmányozza kedvenc weboldalainak stílusait.
Tesztelje a változtatásokat a kód megírása előtt.
Mutassa be az élő változtatásokat a megbeszélések során.
Könnyen kinyerheti a CSS kódot az új elemekhez.
Kattintson a CSS Inspector ikonra a DevSuite Pro eszköztárán.
Mozgassa a kurzort bármely elem fölé a tulajdonságainak megtekintéséhez.
Kattintson az elemre a panel rögzítéséhez.
Kattintson duplán az értékekre a módosításhoz.
Másolja ki a frissített kódot, és használja fel projektjében.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 39+ fejlesztői eszközt böngészőjéhez.