By sandipchitale on May 16, 2008
In this entry I talked about how to show Google Talk in Firefox Sidebar. Using the same technique you can show the DOM Inspector in the Firefox Sidebar. That way you can get the DOM Inspector in the same window as the page you are inspecting.
UPDATE: You can simply install this add-on in the Firefox browser. It will add a new menu item Tools:DOM Inspector in sidebar .
Selecting this menu item will show the DOM Inspector in the Firefox sidebar. It also makes the sidebar resizable.
Here is the NetBeans 6.1 project to build the extension.
Here is how. Just create a bookmark like this:
and then invoke the bookmark. Then use the File:Inspect Window > menu item to select the window you are browsing in. You will see something like this
Unfortunately the Sidebar is not resizable. However this could be tweaked using the property overlay incantation overrding the flex attribute of the sidebar box. Also the popup dialogs to search for nodes does not work. Once again some XUL overlay gimmickry could come handy here.
Useful? You decide.