YAML Debug

Привет, хабралюди.
Сегодня я хочу вам рассказать об удобном инструменте для веб-разработчиков.
Не так давно мучал гугл по поводу кроссбраузерного инструмента, который бы мог подсвечивать элементы страницы и их атрибуты(class, id) и наткнулся на YAML Debug.


Одна из особенностей этого инструмента — это работа в режиме «букмарклета», т.е. непосредственно во вкладке браузера(подробнее читаем на сайте разработчика).

Расскажу немного об YAML Debug:

• Показывает информацию о странице (определяет доктайп, кодировку, количество стилей/скриптов/картинок на странице)
• Умеет определять «качество» кода (т.е. показывает пустые alt атрибуты для картинок, показывает «устаревшие» элементы, пустые элементы, inline стили и т.д.)
• Позволяет отключать стили страницы
• Показывает семантическую структуру страницы
• Показывает некоторые атрибуты элементов (id, class, href, и т.д.)
• Тестирует на «доступность» (показывает атрибуты title, lang)
• Совместим с большинством современных браузеров (Firefox 3+, Opera 9+, WebKit-based*, IE7+**, как пишут разработчики)

Из минусов могу отметить:
* — Некоторые баги в работе WebKit 3+ (Подробнее на сайте разработчиков)
** — Не полная поддержка IE7 (Подробнее на сайте разработчиков)

Конечно, этому инструменту пока что далеко до Firebug’а, но для быстрого просмотра структуры веб-странички — очень удобно.
На мой взгляд, если разработчики не прекратят работать над проектом — может получиться весьма не дурно:)
Спасибо за внимание.