Zobraziť obsah prvkov HTML na webových stránkach v prehliadači Chrome

Sofistikované programy na vývoj webových aplikácií pomáhajú písať kód ľahšie, ako keby ste to robili bez nich. Nielenže zrýchľujú prácu a pomáhajú vyhnúť sa bežným problémom so syntaxou, sú tiež skvelým nástrojom pre začiatočníkov, ktorí sa môžu cítiť ohromení množstvom úsilia potrebného na napísanie jednoduchej stránky HTML. Ak nič iné, môžu vám pomôcť naučiť sa kód. Jediným nedostatkom, s ktorým sa môžete stretnúť s programom na vývoj webových aplikácií, najmä ak ho používate na naučenie kódu, je to, ako nie je vybavené na analýzu webových stránok v prehliadači. Ak je vašou konkrétnou oblasťou záujmu HTML, potom Outliner HTML5 je skvelé rozšírenie pre prehliadač Chrome, ktoré vám pomôže analyzovať rôzne prvky HTML na webovej stránke. Rozšírenie pridá do panela s adresou štvorcu ikonu, ktorá po kliknutí otvorí zobrazenie obsahu všetkých hlavičiek a oddielov HTML 5. Rozšírenie funguje aj pre prvky HTML 4.

Na položky v zobrazenom obsahu sa dá kliknúť a na rozšírenie sa bude posúvať a zvýrazní sa ktorýkoľvek prvok, ktorý vyberiete. Zvýraznenie nefunguje vždy, ale navigácia je plne funkčná.

Rozšírenie má svoje obmedzenia; zistí všetky prvky HTML na ľubovoľnej stránke, ale samotný obsah je iný príbeh. Tabuľka sa spolieha na to, že sa kód zapisuje podľa správnych špecifikácií HTML 5 alebo štruktúrovania zvukového HTML. Ak kód nespĺňa tieto požiadavky, rozšírenie sa nemusí dať načítať prijateľný obsah.

Napríklad; Ak ste na definovanie rozloženia svojej stránky použili tabuľky, je pravdepodobné, že sa vám vôbec nezobrazí žiadny obsah. Dôvodom nie je nič iné ako zle napísaný kód, pretože rozloženie je najlepšie definované pomocou CSS a nie tabuliek. Momentálne nebudete môcť rozšírenie používať na lokálne uložené súbory HTML z dôvodu malého obmedzenia s príponou a niečoho, čo súvisí s povoleniami prehliadača Chrome.

HTML5 Outliner samozrejme nie je pre bežného používateľa; je určený pre vývojárov webu, začiatočníkov aj skúsených. Pre začiatočníkov by sa to malo ukázať ako užitočné pri náhľadu rozloženia vyvíjaného webu. Pre skúsených vývojárov je to rýchly spôsob navigácie medzi prvkami na webovej stránke a kontroly kódu za každým.

Nainštalujte HTML5 Outliner z Internetového obchodu Chrome