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

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

Sofistikerte webutviklingsprogrammer er med på å skrivekode 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 deganalysere forskjellige HTML-elementer på en webside. Utvidelsen legger til et firkantet ikon til URL-linjen som, når du klikker på, åpner en innholdsfortegnelse over alle HTML 5-overskrifter og seksjoner. Utvidelsen fungerer også for HTML 4-elementer.

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

HTML5 Outliner

Utvidelsen har sine begrensninger; det vil oppdagealle HTML-elementer på omtrent hvilken som helst side, men innholdsfortegnelsen i seg selv 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 utvidelsen ikke laste inn en akseptabel innholdsfortegnelse.

For eksempel; hvis du har brukt tabeller for å definereutformingen av siden din, er det sannsynlig at du ikke ser noen innholdsfortegnelse i det hele tatt. Årsaken til dette er ikke annet enn dårlig skrevet kode, siden oppsett er best definert 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 vanligbruker; 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

kommentarer