Displaying a tag's attributes in a tabular layout

In firebug (or firefox/chorme developer tools) is there any config/plugin to show attributes of an inspected tag in a tabular layout ( just like computed css rules)?

3 Answers

Answers 1

Have a look at this: http://getfirebug.com/layout

Also, there is a similar GitHub issue for it, follow the thread for some solutions: https://github.com/firebug/firebug/issues/6410

Hope it helps.

Answers 2

The attributes of an inspected tag, as well as other DOM properties applicable for that selected node are already listed in the developer tools panel.

In Chrome, switch to Properties tab and collapse the first item - which is actually your inspected tag.

In Firebug, switch to DOM tab. A detailed list is available if you right-click on the DOM tab and select Show DOM properties.

Answers 3

However the chrome developer tools gives pretty much access to the tag management. You can use this to inspect the missing attributes of the inspected elements. Here's another one which allow you to compare the computed attributes.

You can do a little tweaking to make this work for you.

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati