Develop a software like FireBug?

Question

I have a project and this project includes a module about web page html and css properties. I have to get all the html tags and their relative css properties and values in a hierarchical way like FireBug.

What i mean may be more understandable if i show a pic:

How can i retrieve css properties of html selectors of a web page like the image above?

Answer 1

It may help to familiarize yourself with how Firebug does it:

• https://developer.mozilla.org/en/Firebug_internals
• http://fbug.googlecode.com/svn/

Answer 2

This can help you firebug wiki

Answer 3

If you are talking about simply embedding a module like firebug, why not try their javascript version? You don't need the firefox plugin, and can use it in any browser: http://getfirebug.com/firebuglite