Yaml debug

Hi, habra people.
Today I want to tell you about a convenient tool for web developers.
Not so long ago, Google was tormenting about a cross-browser tool that could highlight page elements and their attributes (class, id) and came across YAML Debug .


One of the features of this tool is the work in the “bookmarklet” mode, i.e. directly in the browser tab (read more on the developer’s website).

I'll tell you a little about YAML Debug:

• Shows information about the page (determines the doctype, encoding, the number of styles / scripts / pictures on the page)
• Able to determine the "quality" of the code (i.e. shows empty alt attributes for images, shows "outdated" elements, empty elements, inline styles, etc.)
• Allows you to turn off page styles
• Shows the semantic structure of the page.
• Shows some element attributes (id, class, href, etc.)
• Tests for “accessibility” (shows title attributes, lang)
• Compatible with most modern browsers (Firefox 3+, Opera 9+, WebKit-based *, IE7 + **, as the developers write)

')
Of the minuses I can note:
* - Some bugs in the work of WebKit 3+ (Read more on the developers site)
** - Not full support for IE7 (Details on the developers site)

Of course, this tool is still far from Firebug, but for quick viewing of the structure of a web page is very convenient.
In my opinion, if the developers do not stop working on the project - it may turn out to be very not bad :)
Thanks for attention.