Web Developer Toolbar Not Showing

7 Mar

This is a quick blog post relating to the Web Developer Toolbar for Firefox and Google Chrome.

A couple of weeks ago I was happily browsing the Internet when my Firefox browser crashed. I thought “no big deal” and re-opened my browser but to my despair, my Web Developer Toolbar had disappeared, leaving a very thin bar where the toolbar should have been.

This problem can occur when a browser (with the Web Developer Toolbar enabled) crashes or sometimes when the browser is updated.

I tried disabling and enabling the plugin, restarting my browser and even deleting the add-on and re-installing it, none of which solved the problem.

The solution is actually very simple:

  1. Right-click where the toolbar should be.
  2. Select Customize… (this will activate a pop-up).
  3. In the pop-up click on the Restart Default Set button.

This will return your Web Developer Toolbar back to where it belongs.

If your Web Developer Toolbar is now only showing icons and you would like for it to show text as well the icons, go to the main menu at the top of the browser and select:

  1. Tools -> Web Developer -> Options -> Options… (this will activate a pop-up).
  2. In the middle of the pop-up window there is a drop-down menu labelled ‘Display Toolbar with‘, Change this setting to ‘Icons & Text‘*.

*If the drop-down is already set to ‘Icons & Text‘, change it to ‘Icons‘, click the OK button and then carry out the two steps above and it will sort itself out.

Web Developer Toolbar

Web Developer Toolbar is a fantastic tool which every web designer / developer should not be without. It allows you to toggle between many different settings quickly and easily, such settings include: disabling and enabling the cache for your browser, disabling cookies, JavaScript, images etc.

If you are a web designer or developer you will more than likely already have this add-on but if you don’t or you are new to the world of web design/development, get it now!

You can download the Web Developer Toolbar for both Firefox and Chrome from ChrisPederick.com (the developer’s website).

About the Author: Richard Havelock (9 Articles)

Article by Richard Havelock, SEO expert based in Newcastle upon Tyne. Richard has over 10 years experience in the web industry, providing successful SEO services to a wide range of websites. He is also the co-founder of successful NUFC Blog: Leazes Terrace. You can follow Richard on twitter: @websdevelopment

12 Responses to “Web Developer Toolbar Not Showing”

  1. Luke 31. Mar, 2011 at 5:15 pm #

    Thanks
    This has been annoying me for weeks
    L

  2. David M 03. Apr, 2011 at 11:05 pm #

    Web Developer Toolbar? Firebug ftw! :-P . I think theres even a chrome-bug version now as well…

  3. Richard Havelock 03. Apr, 2011 at 11:16 pm #

    Firebug is one of the greatest tools to a web designer these days (yes there is a version for Chrome) but Web Developer Toolbar is also a very useful tool to have and they both perform very different functions.

  4. Gabriele Malaspina 14. Apr, 2011 at 12:13 pm #

    Great,thanks a lot!

  5. Steve Morgan 09. May, 2011 at 2:00 pm #

    Thanks for your information…Keep on sharing…

  6. Leo Brown 04. Jun, 2011 at 7:04 am #

    Great…!!!Thanks for your Information…!!!!

  7. Tigo 22. Jun, 2011 at 12:08 pm #

    Thanks, thanks, thanks and once more thanks!!!

  8. James 26. Jun, 2011 at 11:56 pm #

    Thanks for the info. I thought it was another plugin interfering with Web Developer.

  9. vinod 29. Jun, 2011 at 5:51 am #

    my toolbar disappeared. it was really very annoying.

    THNX for the step by step process.

  10. Jamie Murphy 03. Aug, 2011 at 9:19 pm #

    Thanks for the step by step fix! it had been bugging me!

    I use Firebug and the Web Developer toolbar everyday so you have saved me a lot of time!

  11. Bryan 20. Sep, 2011 at 8:42 am #

    Give the post for Web Developer Toolbar step by step & i really need it.
    Thanks for sharing….

  12. Cx Rana 16. Dec, 2011 at 5:16 pm #

    great tips bro.

Leave a Reply