Develop a software like FireBug?

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 开发者_如何学Cway like FireBug.

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

screenshot http://img33.imageshack.us/img33/3279/firebug.jpg

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

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

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

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

This can help you firebug wiki