CSS Inspektorius yra galingas, nemokamas kūrėjų įrankis leidžiantis užvesti pelę ant bet kurio elemento ir akimirksniu pamatyti jo apskaičiuotas CSS savybes.
Nesvarbu, ar taisote maketo problemą, ar studijuojate jums patinkančią svetainę, „CSS Inspector“ suteikia viską, ko jums reikia, švarioje plaukiojančioje panelėje. Lengvai tikrinkite neatidarydami naršyklės „DevTools“.
Iš karto matykite šriftus, dydžius, spalvas, tarpus ir dar daugiau, kai užvedate pelę ant bet kurio elemento.
Spustelėkite elementą, kad užfiksuotumėte panelę ir ji nedingtų, leidžiant atlikti išsamų patikrinimą.
Dukart spustelėkite reikšmes, kad jas pakeistumėte tiesiogiai. Jūsų redagavimai iškart atsispindi puslapyje.
Vienu spustelėjimu nukopijuokite atskiras savybes arba visą stiliaus bloką į iškarpinę.
Vizualiai matykite paraščių, rėmelių ir užpildų reikšmes.
Matykite elemento plotį, aukštį ir padėtį puslapyje.
„CSS Inspector“ rodo daugiau nei 40 savybių:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorTiksliai patikrinkite nesulygiuotus elementus.
Studijuokite savo mėgstamų svetainių stilius.
Išbandykite pakeitimus prieš rašydami kodą.
Susitikimų metu rodykite tiesioginius pakeitimus.
Lengvai gaukite CSS kodą naujiems elementams.
Spustelėkite „CSS Inspector“ piktogramą „DevSuite Pro“ įrankių juostoje.
Perkelkite kursorių ant bet kurio elemento, kad pamatytumėte savybes.
Spustelėkite elementą, kad prisegtumėte panelę.
Dukart spustelėkite reikšmes, kad jas pakoreguotumėte.
Nukopijuokite atnaujintą kodą ir naudokite savo projekte.
Įdiekite „DevSuite Pro“ nemokamai ir atrakinkite 39+ kūrėjų įrankius savo naršyklei.