Firefox Add-ons & Chrome Extensions for Web Developers

Although its often true that web developers hate browsers because of compatibility issues, most developers are just in love with their browser’s add-ons and extensions. They provide a quick and easy way to troubleshoot, debug and analyze web pages. Here’s our collection of top web development related Firefox add-ons and Google Chrome extensions.

Firefox Add-Ons

Firebug

Firebug is one of the most widely used add-on that puts a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.  You can also further extend Firebug and add new features by using Firebug extensions.

Web Developer

The Web Developer extension adds various web developer tools to your Firefox browser. All tools are grouped by different categories including JavaScript, CSS, Validation, Forms and Images. It is a must-have for anyone involved in web design or development.

FirePHP

FirePHP is an FireBug extension that provides an API for PHP developers to log debugging messages in Firebug panel. All data is sent via response headers and will not interfere with the content on your page.
FirePHP is ideally suited for AJAX development where clean JSON and XML responses are required.

JavaScript Debugger

JavaScript Debugger, also known as Venkman is Mozilla’s attempt to provide a powerful JavaScript debugging environment. This add-on combines both a graphic and a console debugger. Features such as breakpoint management, call stack inspection, and variable/object inspection are available from the user interface and from console commands, letting you work in the way you are most accustomed to. The interactive console also allows for execution of arbitrary JavaScript code.

Tamper Data

Tamper Data allows you to view and modify HTTP/HTTPS headers and post parameters. This can prove to be extremely useful to trace and time requests and responses as well as auditing the security of your application by modifying POST paramters.

Google Chrome Extensions

Pendule

Pendule can be considered as a lite version of ‘Web Developer’ add-on for Firefox and supports CSS, JavaScript forms, Images and Accessibility tools.

jsshell

jsshell is a small command window placed at the bottom of your Chrome browser that lets you run jQuery and jLinq commands no matter what page you’re on!

MultiSwitch

MultiSwitch allows you to easily switch between development, test and productive environment/host.

Inline Code Finder

Inline Code Finder is a tool to traverse through all elements in a web page to find and highlight JS events, inline styling and javascript:link

Chrome Sniffer

Chrome Sniffer allows you to detect web applications and JavaScript libraries running on the current browsing site.  (Has support for over 50 CMS and JS libraries)

From: http://www.hotscripts.com/blog/firefox-addons-chrome-extensions-web-developers/

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • Twitter
  • StumbleUpon
  • del.icio.us
  • Digg
  • LinkedIn
  • Google Bookmarks
  • Reddit

Comments are closed.