web-developer-toolbar

Firefox addon or other tool to locally validate HTML pages

I have a rails project with a lot of duplicate id's (it looks like id's were used like class should have been used), so obviously this is bad. I need to refactor everything to get rid of the duplicate id's, and need some addon for Firefox (ideally) to validate the page as I view it to ensure there are no duplicate id's, since it's not s...

Firefox Web Developer Toolbar: JS does not work after an "on the fly" HTML edit

I'm getting used to this toolbar, it is so cool to edit the page on the fly and see what I'm changing... THe only problem is that my JavaScript stops to work after (or while) i'm editing, and I need to save an refresh the page... Did I miss any option? Is there any other tool that does this? ...

Does the Web Developer toolbar really have a Save button to save CSS modified in Firebug?

According to this S.O. answer the Firefox Web Developer toolbar has a Save button: However, the answer shows an image of the toolbar which does not show a Save button: I just installed the toolbar to take advantage of this option but I do not see a Save button. Does the Save button exist? ...

Does the Firefox Web Developer Toolbar have an equivalent of Firebug's "Inspect Element" CSS live-debug feature?

To edit CSS, I have to inspect elements in Firebug and then make changes in the Firefox Web Developer toolbar so that I can save the changes out to a separate CSS file. It would be nice if I could forget about Firebug and just use a single tool. Does the Web Developer toolbar have an "Inspect Element" option? I can't seem to find one. ...

Best Way to View Generated Source of Webpage?

I'm looking for a tool that will give me the proper generated source including DOM changes made by AJAX requests for input into W3's validator. I've tried the following methods: Web Developer Toolbar - Generates invalid source according to the doc-type (e.g. it removes the self closing portion of tags). Loses the doctype portion of th...

How to edit and see live CSS effect in IE8 like we see in Firefox > Web developer toolbar > Edit CSS function?

How to edit and see css effect in IE8 like we see in Firefox > Web developer toolbar > Edit CSS function? Where is similar function in IE8 developer toolbar or does any other IE plugin have this type functionality? ...

css background images doesn't show in Web developer in toolbar > Edit css

I'm working on a xhtml css locally. Why css background images doesn't show in Web developer toolbar > Edit css option? Is there any workaround for it? Has anyone faced this issue or I should reinstall firefox and plugin? ...

click and edit css with firefox?

I want to be able to click on a part of a webpage and see the CSS markup. What CSS rules it uses, the class and id etc and be able to edit them live. I have installed firebug and web developer plug-ins, but I don't know how to do this. Thanks. ...

I want to know the use of these options in firefox "Web Developer Toolbar"

I want to know the use of these options in "Web Developer Toolbar" Disable > Disable Javascript > Strict Warnings Disable > Meta Redirects Disable > Meta Referers Disable > Disable minimum Font size CSS > Use border box model Information > Display Table Information Information > Display Table Depth Miscellaneous > Show Comments ...

View AJAX response content in Chrome developer tools?

Traditionally I use FireBug to debug my AJAX requests. It lets you examine both the contents of your request as well as the response that was sent back from the server. (it also notifies you in the console when these occur, which is a useful feature that Chrome seems to lack). In Chrome, I only seem to be able to view the requests, not ...

How to view "generated HTML code" in Firefox?

If using Firebug, we can click on the HTML tab, and click to expand each element to see the generated HTML code. Is there a way to expand it all or get a plain text file? I just accidentally found out that there doesn't even need to be Firebug. We can just press CTRL-A (to select all) on the webpage, and then right click and choose "V...

When using the firefox webdeveloper toolbar to edit CSS, why do some image disappear when the toolbar is open?

My typical workflow for editing and building my stylesheets for HTML documents is open the Firefox web developer toolbar's Edit CSS panel and edit directly in the browser window. Most of the time this works like a charm. There are times, however, that when I open the Edit CSS panel, certain images disappear, and I have no idea why. And ...

What has happened to the IE6 developer toolbar?

It's supposed to be at this link: http://www.microsoft.com/downloads/en/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en "Supposed" being the operative word! Any ideas? Has Microsoft removed it or accidentally broken the link? ...