Visa innehållsförteckning för HTML-element på en webbplats i Chrome

Sofistikerade webbutvecklingsprogram hjälper dig att skriva kod lättare än om du skulle göra det utan dem. Inte bara snabbar de upp och hjälper till att undvika vanliga syntaxproblem, de är också ett utmärkt verktyg för nybörjare som kanske känner sig överväldigade av den ansträngning som krävs för att skriva en enkel HTML-sida. Om inget annat kan de hjälpa dig att lära dig kod. Den enda brist du kan uppleva med ett webbutvecklingsprogram, särskilt när du använder det för att lära dig att koda, är hur de inte är utrustade för att analysera webbplatser i din webbläsare. Om ditt specifika intresseområde är HTML, då HTML5 Outliner är ett bra Chrome-tillägg som hjälper dig att analysera olika HTML-element på en webbsida. Tillägget lägger till en fyrkantig ikon till URL-fältet som, när man klickar på, öppnar en innehållsförteckning över alla HTML 5-rubriker och -avsnitt. Tillägget fungerar också för HTML 4-element.

Objekt i innehållsförteckningen som visas är klickbara och tillägget rullar till och markerar vilket element du väljer. Höjdpunkten fungerar inte alltid men navigeringen är fullt funktionell.

Förlängningen har sina begränsningar; det kommer att upptäcka alla HTML-element på nästan vilken sida som helst, men innehållsförteckningen i sig är en annan historia. Tabellen förlitar sig på att koden skrivs enligt korrekt HTML 5-specifikationer eller sund HTML-strukturering. Om koden inte överensstämmer med dessa kan tillägget inte läsa in en acceptabel innehållsförteckning.

Till exempel; Om du har använt tabeller för att definiera layouten på din sida är det troligt att du inte ser någon innehållsförteckning alls. Anledningen till detta är inget annat än dåligt skriven kod, eftersom layouter bäst definieras med CSS och inte tabeller. För närvarande kommer du inte att kunna använda tillägget på lokalt sparade HTML-filer på grund av en liten begränsning med tillägget och något att göra med Chrome-behörigheter.

HTML5 Outliner är uppenbarligen inte för den vanliga användaren; det är avsett för webbutvecklare, både nybörjare och skickliga. För nybörjare bör det visa sig vara praktiskt när du förhandsgranskar layouten på en webbplats under utveckling. För duktiga utvecklare är det ett snabbt sätt att navigera mellan elementen på en webbsida och kontrollera koden bakom varje.

Installera HTML5 Outliner från Chrome Web Store