Visuele tool voor HTML-structuur
HTML Hierarchy Visualizer is een handige Chrome-extensie voor webontwikkelaars die helpt bij het visualiseren van de opbouw van HTML-elementen op een webpagina. Deze tool maakt gebruik van gekleurde randen en achtergronden om de hiërarchie en lay-out van de verschillende HTML-elementen te onderscheiden, waardoor het eenvoudiger wordt om de structuur van een pagina te begrijpen.
Het gebruik van deze extensie is eenvoudig. Gebruikers hoeven alleen maar op het pictogram van de extensie te klikken, waarna een drop-downmenu verschijnt. Hier kunnen ze kiezen om randen of achtergronden toe te passen om de elementen te markeren, of om deze weer te verwijderen en de webpagina in de oorspronkelijke staat terug te brengen.