abdie.web.id

FireFox is one of the best browsers in the world or probably the only best browser and can be used for web development. These extensions should work on the latest versions of the Firefox. In this post you will find 20 Awesome Firefox Add-ons For Web Developers. Subscribe to the feed if you would like to be informed for the latest posts.

You may also be interested in one of these older posts
Awesome And Free Fonts For Web Designers
13 Magnificent Free WordPress Portfolio Themes
13 Free Professional Looking WordPress Magazine Style/CMS Themes
25 Essential Tutorials And Resources For Learning CSS3

Make Firefox more powerful with these must-have add-ons for developers

1. Firebug

Firebug integrates with Firefox to put 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.

2. Web Developer

The Web Developer extension adds a menu and a toolbar with various web developer tools.

3. Console²

Console² (pronounced Console Squared or Console Two) replaces the JavaScript Console with what could be the next generation Error Console. From v0.5 includes the Console Filter extension previously available separately from the Console² website.

4. View Source Chart

Inspect the DOM at lightning speed. If you’re new to the containment concept, one glance at a Source Chart and you’re over the learning curve.

5. JSONView

View JSON documents in the browser.

6. Library Detector

Detects what javascript libraries are being used on the current page and displays the result as icons with detailed tooltips in the statusbar.

7. NoScript

The best security you can get in a web browser!
Allow active content to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.

8. SEO Doctor

SEO Doctor allows easy SEO diagnosis and problem solving for webmasters.

9. QuickJava

Allows quick enable and disable of Java, Javascript, Flash, Silverlight and Images from the Statusbar and/or Toolbar without having to open any dialogs!

10. Measure It

Measure It is an add-on that gives you a built-in ruler for measuring web page elements. It’s great for figuring out dimensions of things on a web page.

11. CSSViewer

CSSViewer allows you to inspect CSS properties on a web page that you’re viewing. It’s a great way to study styles that you’ve seen on websites to learn CSS development techniques.

12. Greasemonkey

Allows you to customize the way a webpage displays using small bits of JavaScript. …

13. Wappalyzer

Wappalyzer is an add-on for Firefox that uncovers the technologies used on websites.

14. Test Pilot

Become a Test Pilot and help us make Firefox better! As a non-profit organization, we rely upon the support of volunteers to help us understand how people are using the Web, and to test the usefulness of new and existing browser features.

15. IE Tab

IE Tab – an extension from Taiwan, features: Embedding Internet Explorer in tabs of Mozilla/Firefox..

16. FireFTP

FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.

17. User Agent Switcher

The User Agent Switcher extension adds a menu and a toolbar button to switch the user agent of the browser.

18. Autofill Forms

Autofill Forms enables you to fill out web forms with one click or a keyboard shortcut.

19. SQLite Manager

Manage any SQLite database on your computer.

20. QuickRestart

Ever needed to restart Firefox after enabling or disabling an extension, switching to a new theme, or modifying configuration files (such as userChrome.css or user.js)?