Vis innholdsfortegnelse for HTML-elementer på et nettsted i Chrome

Sofistikerte webutviklingsprogrammer hjelper deg med å skrive kode enkelt enn hvis du skulle gjort det uten dem. Ikke bare gjør de raskere arbeidet og hjelper til med å unngå vanlige syntaksproblemer, de er også et flott verktøy for nybegynnere som kan føle seg overveldet over hvor mye krefter du trenger for å skrive en enkel HTML-side. Hvis ikke annet, kan de hjelpe deg med å lære kode. Den eneste mangelen du kan oppleve med et webutviklingsprogram, spesielt når du bruker det til å lære å kode, er hvordan de ikke er utstyrt til å analysere nettsteder i nettleseren din. Hvis ditt spesielle interesseområde er HTML, da HTML5 Outliner er en flott Chrome-utvidelse som vil hjelpe deg med å analysere forskjellige HTML-elementer på en webside. Utvidelsen legger til et firkantet ikon til URL-linjen som, når det klikkes, åpner en innholdsfortegnelse over alle HTML 5-overskrifter og -seksjoner. Utvidelsen fungerer også for HTML 4-elementer.

Elementer i innholdsfortegnelsen som vises er klikkbare, og utvidelsen vil bla til og markere hvilket element du velger. Høydepunktet fungerer ikke alltid, men navigasjonen er fullt ut funksjonell.

Utvidelsen har sine begrensninger; den vil oppdage alle HTML-elementer på omtrent hvilken som helst side, men innholdsfortegnelsen er en annen historie. Tabellen er avhengig av at koden er skrevet i henhold til riktige HTML 5-spesifikasjoner eller lyd HTML-strukturering. Hvis koden ikke er i samsvar med disse, kan det hende at utvidelsen ikke klarer å laste inn en akseptabel innholdsfortegnelse.

For eksempel; Hvis du har brukt tabeller for å definere oppsettet på siden din, er det sannsynlig at du ikke vil se noen innholdsfortegnelse i det hele tatt. Årsaken til dette er ikke annet enn dårlig skrevet kode, siden oppsett best defineres med CSS og ikke tabeller. Foreløpig vil du ikke kunne bruke utvidelsen på lokalt lagrede HTML-filer på grunn av en liten begrensning med utvidelsen og noe å gjøre med Chrome-tillatelser.

HTML5 Outliner er tydeligvis ikke for den vanlige brukeren; det er ment for nettutviklere, både nybegynnere og dyktige. For nybegynnere skal det vise seg å være nyttig når du forhåndsviser oppsettet til et nettsted under utvikling. For dyktige utviklere er det en rask måte å navigere mellom elementene på en webside og sjekke koden bak hver.

Installer HTML5 Outliner fra Chrome Nettbutikk