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. 1

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

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

  2. 2

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

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

  3. 4

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

  4. 5

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

  5. 6

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

  6. 7
    egorr

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

  7. 8
    Александр

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

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

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