Спонсор поста: Удобные детские кроватки, светильники ночные

Автор: Энн Смарти
Перевод: Всеволод Козлов

Особенность СЕОшников в том, что они просматривают исходный код веб-страниц для каждого интересующего их сайта. Как-то мне захотелось найти инструменты для более удобного просмотра исходного кода веб-страниц.

Было проведено небольшое исследование, результатами которого я с Вами и хочу поделиться в этой статье!

1. View Source Chart позволяет просматривать структуру веб-страниц в максимально наглядном виде с подсветкой:

Firefox где просмотр исходного текста страницы

2. JSView 2.0.5 предоставляет быстрый доступ к информации о всех внешних js/css файлах из контекстного меню, тулбара, меню Вид и статус бара:

Firefox где просмотр исходного текста страницы

3. HighlightAll подсвечивает одинаковые элементы в коде веб-страниц, а также подсчитывает их количество:

Firefox где просмотр исходного текста страницы

4. Html Validator добавляет иконку в статус бар, показывающую валидность той или иной страницы. Аддон основан на HTML Tidy:

Редактирование веб страницы в mozilla

Вы можете посмотреть и подробный отчет:

Редактирование веб страницы в mozilla

5. View Formatted Source показывает структурированный вид исходного кода:

Firefox где просмотр исходного текста страницы

6. SourceEditor позволяет оперативно редактировать веб-страницу прямо из бразуера:

Firefox где просмотр исходного текста страницы

7. PageDiff позволяет сравнивать HTML-код различных страниц:

Firefox где просмотр исходного текста страницы

Оригинал статьи: 7 FireFox Extensions to Explore Page Source Code





Смотрите также:

Понравилась статья? Поделитесь ей в социальных сетях: