Išsamus CSS inspektorius kiekvienoje svetainėje su „CSSPeeper“ „Chrome“

Reguliarus „Chrome DevTools“ skydas yra protingas. Tai leidžia kiekvienam giliai įsitraukti į bet kurį puslapį, jei reikia, ištirti svetainės išdėstymą, CSS ir net HTTP antraštes.

Su DevTools CSS inspektoriumi galite padaryti daug. Bet tai neturi aiškaus GUI skydelio ir tai yra vienas dalykas, kurį kiekvienas kūrėjas norėtų.

Patikrinkite CSSPeeper - nemokamą „Chrome“ plėtinį, kuris prideda šį GUI inspektorių į naršyklę. Jis leidžia ištirti bet kurio elemento CSS savybes bet kuriame puslapyje, nors jis tik sukurtas „Chrome“ dabar.

Įdiegus jus tiesiog apsilankykite tinklalapyje ir spustelėkite pagrindinio plėtinio mygtuką „Chrome“ priedų juostoje. Tinklalapio viršuje pasirodo naujas inspektoriaus langas su informacija apie kiekvieną pagrindinį elementą.

Naršydami svetainėje galite spustelėti bet kurį elementą, kurį matote su punktyrine kontūra. Tai gali būti mygtukai, puslapių skyriai, antraštės, navigacijos elementai, kuriuos pavadinate.

Iš ten jūs gausite visą inspektorių, kuriame bus išsami informacija apie tipografiją, spalvų pasirinkimą ir šrifto stilius. Tai puikus būdas ištraukite stilius tiesiai iš tinklalapio pats be CSS kodo.

CSSPeeper netgi leidžia jums pasirinkti susijusias spalvas naudodami integruotą spalvų rinkiklį ir spalvų schemų generatorius. Galite eksportuoti vaizdus iš puslapių, kurti savo spalvų schemas ir pritaikykite juos į savo maketus su „Photoshop“ arba „Sketch“.

Aš pirmiausia rekomenduoti šį išplėtimą dizaineriams vietoj kūrėjų, nes tai yra labiau dizaineriui patogus įskiepis, kuris traukia žaliavinį CSS ir paverčia kodą į lengvai skaitomus duomenų gabalus.

Tačiau šis įskiepis taip pat gali padėti kūrėjams! Tai tikrai galingas svetainės tikrinimo įrankis visų tipų CSS.

Pažvelkite į CSSPeeper pagrindinį puslapį, kad sužinotumėte daugiau apie tai, ką jis gali padaryti. Pagrindiniame puslapyje taip pat yra nuoroda į „Chrome“ parduotuvę, todėl galite nemokamai įdiegti plėtinį ir išbandyti jį.