Прегледайте съдържанието на HTML елементи на уебсайт в Chrome

Сложните програми за уеб разработка помагат при писанетокод лесно, отколкото ако го направите без тях. Те не само че ускоряват работата си и помагат да избегнат често срещаните проблеми със синтаксиса, но и са чудесен инструмент за начинаещи, които могат да се почувстват претоварени с необходимото количество усилия, за да напишат обикновена HTML страница. Ако не друго, те могат да ви помогнат да научите код. Единственият недостатък, който може да срещнете с програма за уеб разработка, особено когато я използвате, за да се научите да кодирате, е как те не са оборудвани за анализ на уебсайтове във вашия браузър. Ако вашата конкретна област на интерес е HTML, тогава HTML5 Outliner е чудесно разширение за Chrome, което ще ви помогнеанализирайте различни HTML елементи на уеб страница. Разширението добавя квадратна икона към URL лентата, която при щракване отваря изглед на съдържанието на всички HTML 5 заглавия и секции. Разширението работи и за HTML 4 елементи.

Елементи от съдържанието, които се показватса кликащи и разширението ще се превърта до и ще подчертае който и елемент да изберете. Акцента не винаги работи, но навигацията е напълно функционална.

Разширението има своите ограничения; ще откриевсички HTML елементи на почти всяка страница, но самата таблица на съдържанието е различна история. Таблицата разчита на написания код според правилните спецификации на HTML 5 или доброто структуриране на HTML. Ако кодът не съответства на тези, разширението може да не успее да зареди приемлива таблица на съдържанието.

Например; ако сте използвали таблици за дефиниранеподредбата на страницата ви, вероятно изобщо няма да видите съдържанието. Причината за това е нищо повече от лошо написан код, тъй като оформлението е най-добре дефинирано с CSS, а не таблици. Засега няма да можете да използвате разширението за локално запазени HTML файлове поради малко ограничение с разширението и нещо общо с разрешенията на Chrome.

HTML5 Outliner очевидно не е общоприетотопотребител; предназначен е за уеб разработчици, както за начинаещи, така и за квалифицирани. За начинаещи, той трябва да се окаже удобен, докато визуализира оформлението на сайт, който се разработва. За квалифицирани разработчици това е бърз начин за навигиране между елементите на уеб страница и проверка на кода зад всеки.

Инсталирайте HTML5 Outliner от уеб магазина на Chrome