YAML Debug — удобный дебаггер для веб-разработчиков

YAML Debug YAML Debug — очень удобный вспомогательным инструмент для веб-разработчиков, который позволяет быстро пересмотреть качество кода и смысловую структуру любого веб-сайта, а также выявить возможные баги верстки.

Заявлена поддержка следующих браузеров: Firefox 3.x, Opera 9.x и браузеры, основанные на Webkit; ограниченная поддержка в IE7, т.к. он поддерживает лишь немногие селекторы спецификации CSS 2.1. А об IE6 речи вообще не идет (и верно).

Устанавливается инструмент элементарно — переходим на сайт YAML Debug, ищем ссылку на букмарклет с одноименным названием и сохраняем его в закладки своего браузера. А для дебага на нужном сайте необходимо запустить этот букмарклет.

Некоторые особенности дебаггера:

  • подсчитывает количество подключенных файлов стилей, скриптов, изображений на странице;
  • тест качества кода: показывает изображения с отсутствующим или пустым атрибутом alt, запрещенные стандартом теги, пустые элементы страницы, инлайновые стили;
  • тест содержимого страницы: показывает семантическую структуру, структуру макета страницы;
  • тест доступности: показывает элементы с атрибутами title и lang;
  • показывает адреса ссылок на странице;
  • позволяет в один клик отключить, посмотреть или проверить CSS-файлы страницы на валидность.

На мой взгляд, очень полезный, практичный и перспективный инструмент.

Комментарии (8)

  1. Полезная штука! Спасибо за наставление, Дим.

    PS: Еще бы он невалидный код правил на валидный и показывал что и где изменить — цены бы ему не было.

  2. Заявлена поддержка следующих браузеров: Firefox 3.x, Opera 9.x и браузеры, основанные на Webkit; ограниченная поддержка в IE7, т.к. он поддерживает лишь немногие селекторы спецификации CSS 2.1. А об IE6 речи вообще не идет (и верно).

    И на фига оно тогда? У всех браузеров, акромя ослов, есть свои дебагеры, и они на порядок лучше. А этот — ну разве что черненький.

  3. Максон, + тебе. Первое, что я подумал, как только прочитал статью. )

  4. Здоровская вещь! Спасибо!

  5. Не оценил :(
    Нужностей не нашел

  6. Бесполезная игрушка.
    Есть же FireBug и Web Developer…

  7. Александр
    6 лет назад

    Классная вещь!
    Спасибо

    Еще бы он невалидный код правил на валидный и показывал что и где изменить — цены бы ему не было.

    Поддерживаю)