I’m using both Debugbar and MS Developer Toolbar (more details in this entry) and still they lack features of Webdeveloper Toolbar for Firefox.
This is View Generated Source, which allows to see HTML code for current state of page. Not page downloaded with first HTTP request (it is just View source), but page with all AJAX modifications.
Of course with DOM Inspector from Debugbar I can see this, but I have to know exactly what and where to seek. There is no way to just see current HTML in one page, like it is possible with Webdeveloper Toolbar and Flock/Firefox.
Hi,
What do you mean exactly by “There is no way to just see current HTML in one page, like it is possible with Webdeveloper Toolbar and Flock/Firefox. ” ?
The “view source” dialog of the Debugbar can show both the original source code (the initial html code) and the generated source code, that is the current one, after all the javascript changes, including AJAX changes.
Hi,
I will post a clarification.
In short – I’m not using Debugbar on daily basis, so I’m not proficient in its UI. So I’ve skipped over View Source icon, and was stick to DOM Inspector.
Thanks for pointing this out ;-))
Hi,
About the Debugbar DOM tree, you can also refresh it after JS and /or AJAX calls by using the context menu (right-click on the DOM tree and select ‘Refresh dom tree’).
Then the new dom tre will reflect the current page including all js changes.
Hope this helps.
For any other problems, suggestions, do not hesitate to contact the DebugBar team. We will be very happy to enhance de debugbar :-))
Thanks for your comments.