Detalizēts CSS inspektors katrā vietnē ar CSSPeeper Chrome
Parastais Chrome DevTools panelis ir crazy spēcīgs. Tas ļauj ikvienam ienirt dziļi jebkurā lapā, lai vajadzības gadījumā izpētītu vietnes izkārtojumu, CSS un pat HTTP galvenes.
Ar DevTools CSS inspektoru var izdarīt daudz. Bet tam nav skaidras GUI paneļa, un tas ir viens, ko katrs attīstītājs mīl.
Pārbaudiet CSSPeeper, bezmaksas Chrome paplašinājumu, kas pievieno šo GUI inspektoru pārlūkprogrammai. Tas ļauj jums izpētīt jebkura elementa CSS īpašības jebkurā lapā, lai gan tas pašlaik ir izveidots tikai pārlūkam Chrome.
Tiklīdz jūs instalējāt, vienkārši apmeklējiet tīmekļa lapu un noklikšķiniet uz paplašinājuma galvenās pogas Chrome pievienojumprogrammu joslā. Mājas lapas augšpusē parādās jauns inspektora logs ar detalizētu informāciju par katru galveno elementu.
Pārlūkojot vietni, varat noklikšķināt uz jebkura elementa, ko redzat ar punktētu kontūru. Tas var ietvert pogas, lappušu sadaļas, galvenes, navigācijas vienumus, kurus jūs to nosauksiet.
No turienes jūs saņemsiet visu inspektoru ar informāciju par tipogrāfiju, krāsu izvēli un fontu stiliem. Tas ir lielisks veids, kā velciet stilus tieši no tīmekļa lapas pats nekļūstot CSS kodā.
CSSPeeper pat ļauj jums izvēlēties atbilstošas krāsas ar iebūvētu krāsu atlasītāju un krāsu shēmu ģenerators. Jūs varat eksportēt attēlus no lapām, veidot savas krāsu shēmas un piemērot tos savos maketos ar Photoshop vai Sketch.
Es galvenokārt ieteikt šo paplašinājumu dizaineriem izstrādātāju vietā, jo tas ir daudz vairāk dizaineriem draudzīgs spraudnis, kas velk neapstrādātu CSS un pārveido kodu viegli lasāmos datu gabalos.
Bet šis spraudnis var arī palīdzēt izstrādātājiem! Tas tiešām ir spēcīgs vietnes pārbaudes rīks visiem CSS veidiem.
Apskatiet CSSPeeper mājas lapu, lai uzzinātu vairāk par to, ko tā var darīt. Galvenajā lapā ir arī saite uz Chrome veikalu, lai jūs varētu instalēt paplašinājumu bez maksas un izņemt to izmēģinājuma braucienam.