Izdvajač HTML klasa – klase i brojanje uporabe
Izdvajač HTML klasa parsira HTML i popisuje pronađene nazive klasa s brojem pojavljivanja, sortirano po učestalosti. Zalijepite ili ispustite HTML da vidite koje se klase pojavljuju najčešće, a zatim kopirajte potrebne vrijednosti. Rezultate koristite za reviziju pokrivenosti CSS-a, pregled oznake stranice ili prikupljanje naziva klasa za daljnju analizu.
Izdvajač HTML klasa je alat u pregledniku za pronalaženje naziva CSS klasa u HTML-u. Zalijepite ili ispustite oznaku da vidite koje nazive klasa sadrži, uz broj pojavljivanja za svaku. Rezultati su sortirani po učestalosti, pa je najčešće klase lakše pregledati prve i kopirati potrebne vrijednosti.
Alat parsira dostavljeni HTML i izdvaja nazive klasa iz njegove oznake. Fokusiran je na klase i njihov broj pojavljivanja; ne opisuje pretvorbu između HTML-a i CSS-a. HTML daje oznaku stranice, dok CSS koristi selektore, uključujući selektore klasa, za ciljanje elemenata radi oblikovanja. Izdvajanje naziva klasa daje vam praktičan popis klasa prisutnih u HTML-u.
Programeri taj popis mogu koristiti pri reviziji pokrivenosti CSS-a, provjeri oznake stranice prije struganja ili pripremi naziva klasa za proračunsku tablicu ili timski pregled. Rezultati sortirani po učestalosti ističu koje se klase pojavljuju najčešće, a kopirane vrijednosti mogu poduprijeti daljnje istraživanje u vašem vlastitom tijeku rada. Alat je koristan kada želite brz pregled uporabe klasa bez pisanja skripte.
Izdvajač HTML klasa radi u cijelosti u vašem pregledniku. Vaš unos obrađuje se na vašem uređaju i ne učitava se, ne pohranjuje niti se šalje na poslužitelj; nakon učitavanja stranice alat radi i izvan mreže. Besplatan je za uporabu, pa programeri i DevOps inženjeri mogu pregledati uporabu HTML klasa bez oslanjanja na poslužiteljski korak obrade.
Korak 1: Zalijepite ili ispustite svoj HTML u polje za unos. Koristite oznaku stranice koja sadrži atribute class.
Korak 2: Pokrenite izdvajanje da alat parsira HTML i pronađe nazive klasa.
Korak 3: Pregledajte rezultate, koji prikazuju svaki naziv klase s brojem pojavljivanja, sortirano po učestalosti.
Korak 4: Kopirajte nazive klasa ili vrijednosti koje su vam potrebne za reviziju, pregled ili proračunsku tablicu.
Primjer upotrebe: Provedite reviziju pokrivenosti CSS-a tako da prikupite nazive klasa iz HTML-a stranice i pregledate koliko se često svaka pojavljuje.
Primjer upotrebe: Pregledajte stranicu prije struganja (scraping) da vidite koje nazive klasa njezina oznaka sadrži.
Primjer upotrebe: Izradite popis naziva klasa za pregled stilova ili čišćenje CSS-a bez pisanja skripte.
Primjer upotrebe: Prikupite izdvojene nazive klasa i brojeve pojavljivanja za proračunsku tablicu ili timski pregled.
Primjer upotrebe: Brzo pronađite najčešće korištene nazive klasa pregledom rezultata sortiranih po učestalosti.
Primjer upotrebe: Provjerite HTML iz predloška ili izvoza stranice da shvatite koje se klase pojavljuju u njegovoj oznaci.