I do webdesign and programming as a hobby in my spare time and I really like coding and taking care of a few websites I have. A year ago I was about to give up because of the bugs I was getting all the time and no matter how hard I tried to write correct and proper code, I was inevitably ending with a few problems which were turning my entire design upside down.
I loved coding but I hated the bugs more than anyone and it was very time consuming to re-read the entire code and find where exactly the problem is, and playing with the div's background color, and width, and height, and finding what exactly causes that page to look awful was so not for me.
Fortunately, I stumbled upon an article retweeted by someone and they were recommending this add-on. Now I can easily debug my pages and see what my mistakes are, I don't need to copy/paste source codes and read them in text editors and spend hours on that. The Ctrl+Shift+F key combination is my best ally now, It helps me debug and keep myself a happy designer. How great!
So useful. Simple things like hiding CSS to see page structure, switching off JS, etc, become 2-3 clicks. If this wasn't free, I'd probably pay for it!
...one minor thing though: when the addon's button is placed in the toolbar along with other icons (I use the menu bar old-firefox-style) using the only-icon/no-text option for the toolbar icons, it displays way off (displaced upwards) than the other icons. I have around 25 icons in the menu toolbar and I'm only having this issue with this addon (using 1.2b1) and with the HackTheWeb addon's icon - other addons' icons display fine aligned at the same level/height.
I am using latest firefox x64 nightlies (currently 15.0a1) on Windows 7 x64 if that matters.
Other then that this is truly a life-saving addon! Thanx for the time and effort spent on it.
Most of the unique features of this add-on, like resizing of window to test the web project in different windowing size, editing HTML pages directly without tempering the page, displaying the complete web page elements information, are very useful in web developement
I use this almost on a daily basis. The ease of use, full function capabilities, and quick response make this a must have add-on for any developer. Kudos.
The Web Developer toolbar is a must-have for web developers (arguably better than Firebug).
Unfortunately, the NoScript extension disables this feature. To save enable this feature again, I have written a Greasemonkey script: http://userscripts.org/scripts/show/133136
Awesome extension, use it everyday at work. From double checking to problem solving this saves LOADS of wasted hours every single day!
Greatest tool with all the needs for a web developer. Easy to use and no bloat.
muy buena herramienta, muchas gracias.
La información del css no es completa, a veces faltan detalle como cual imagen esta asignada y echo en falta una pipeta para recoger valor del color .
This is an absolute essential add-on to any web developer/designer or anyone who is interested in seeing what any website looks like disassembled. I am sure that the developer spent a lot of time on this one and I am really grateful. To see its full potential, just add it to your firefox and start exploring. Lots of fun
+ works professionally with firefox 12
- (no demerit)
this is best tool for HTML developer and CSS Designer .
I <3 the Web Developer Add-on. It makes my job as a designer a lot easier. It is nice, especially when I get an email from a client: "I want this" based off another designers work…often times clients run through designers like kleenex. I can go in and see how it works and design functionality based off what is already existing of go in an see all the image dimensions. Also it is a cool tool to use when exploring new functionality. It has made my life a happier more efficient place for a while now. Thank you Chris Pederick for this extension & Mozilla for building out this wonderful aspect of your tool. Firefox is my go-to browser for the never-ending awesomeness it provides. You complete me.
The Web Developer toolbar is an absolute must for all Web Design and developers. I use this toolbar every day and would be lost without it. I have recommended it to all of my colleges that didn't know or have it installed and now the whole of my Web team is using it. If you haven't installed it already, do it now, you won't regret it.
Web Developer Extension isn't a big thing - it's a million little things.
I cannot imagine if I don't have it on my favorite Firefox browser. Everyday I use this extension to help me in developing websites, and also help me to learn about the way other people develop their websites. I love all about its features, especially the RESIZE, OUTLINE and VALIDATE features.
You should install this useful add-on. Trust me. :)
If you are starting with web development, this should be the first extension to install. A quick glance through various options and you will know how to create better web.
I have been using it every since it first came-up and still my favourite. Great work.
This is awesome!
But please please update to fix the Web Developer>Miscellaneous>Visited Links! This one seems not work. :(
Excellent addon without a doubt. Is there a way to auto-hide the toolbar ?
Excellent tool... Thank you for contributing such tool.
I have been using this for about 10 minutes now and it is brilliant.
Slick, loads of functionality and really easy to use.
Thank you so much !!!
Saving me a lot of time everyday!
You will never know how awesome this is, unlesss you use it. I have never seen such a thing.
Cette extension est fabuleuse !!