Перегляньте зміст елементів 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