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

8 комментариев

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

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

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

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

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

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

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

Sonikelf
27 июля 2009 г. в 19:03
Полезная штука! Спасибо за наставление, Дим.

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

И на фига оно тогда? У всех браузеров, акромя ослов, есть свои дебагеры, и они на порядок лучше. А этот — ну разве что черненький.
1. Enzo
  27 августа 2009 г. в 21:46 / ответ на коммент Максим Покровский
  Не трожь осла, в 8-ом не плохой дебаггер, в Опере хуже! Только что столкнулся с проблемами JS в опере, не думал, что с ней бывают проблемы :(
Перспективный блоггер
16 августа 2009 г. в 23:34
Максон, + тебе. Первое, что я подумал, как только прочитал статью. )
Vlad Ossipov
4 ноября 2009 г. в 20:46
Здоровская вещь! Спасибо!
Slaffko
19 мая 2010 г. в 13:05
Не оценил :(
Нужностей не нашел
egorr
22 сентября 2010 г. в 14:16
Бесполезная игрушка.
Есть же FireBug и Web Developer…
Александр
6 сентября 2013 г. в 01:13
Классная вещь!
Спасибо

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

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

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

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

Оригинальные сервисы для подбора доменных имен

Как, не будучи программистом, я умудряюсь создавать плагины для WordPress

Как выглядит красивый HTML-код

Создание сайта для новичка: главное - зачем?

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

Ваш комментарий