В поисках кроссбраузерного инструмента, который бы мог подсвечивать элементы страницы и их атрибуты(class, id)? Я для себя нашёл очень удобный - YAML Debug.
Одна из особенностей этого инструмента — это работа в режиме «букмарклета», т.е. непосредственно во вкладке браузера(подробнее читаем на сайте разработчика). Hемного о YAML Debug: - Показывает информацию о странице (определяет доктайп, кодировку, количество стилей/скриптов/картинок на странице)
- Умеет определять «качество» кода (т.е. показывает пустые alt атрибуты для картинок, показывает «устаревшие» элементы, пустые элементы, inline стили и т.д.)
- Позволяет отключать стили страницы
- Показывает семантическую структуру страницы
- Показывает некоторые атрибуты элементов (id, class, href, и т.д.)
- Тестирует на «доступность» (показывает атрибуты title, lang)
- Совместим с большинством современных браузеров (Firefox 3+, Opera 9+, WebKit-based*, IE7+**, как пишут разработчики)
Из минусов можно отметить:
* — Некоторые баги в работе WebKit 3+ (Подробнее на сайте разработчиков)
** — Не полная поддержка IE7 (Подробнее на сайте разработчиков)
|
