The UX of DebugBar

A new updated Internet Explorer tool is on the scene called DebugBar.  I was excited at first for this tool because I think IE has no decent tools.  However, my hopes were soon dashed.  I might be stupid and it was there and I couldn’t see it, however, I could not find out how to change a CSS attribute.  I didn’t see it anywhere.  There were JS tools, but I couldn’t find the CSS power.

Hmm,  I just noticed they have a beta version.  Installing now…  Looking…  Nope.  It shows all kinds of CSS information, but doesn’t let me change any of it.  Why is this missing?  Maybe it’s planned, but it isn’t implemented yet.  Is it really a beta?  Or is it an alpha?

Doesn’t Beta mean “Feature complete, but very buggy”?  Is this thing feature complete or not?

Here is a quote from their beta page:

  • Attrs (existing feature): You can see the list of attributes defined for this tag, modify then and see DIRECTLY results under Internet Explorer !”’ : Moreover, when this attribute is a “class” attribute, the list of all the defined attributes in the styleSheets are displayed in a combo box for the selection !

This sounds like what I want.  But I can’t for the life of me figure out how to do it.  Frustrating.  So close, yet so far.

One small UX item.  I don’t love how to inspect an individual item.  You drag that traget thingy onto the page.  It took me a while to find it.  Maybe they should bump up the discoverability of that one item.

If this tools works, I will use it.  But right now, it doesn’t do the basics of what I want.

%d bloggers like this: