Must-Have Web Dev Tools
29 Add-ons in this Collection
Firebug by Joe Hewitt, Jan Odvarko, others
Automate Firefox. Record and replay repetitious work. If you love the Firefox web browser, but are tired of repetitive tasks like visiting the same sites every days, filling out forms, and remembering passwords, then iMacros for Firefox is the soluti...
The Web Developer extension adds various web developer tools to the browser.
Reloads web pages every so many seconds or minutes. The function is accessible via the context menu (menu you get when you right click on a web page) or via tab context menu (right click on the tab)
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies...
View HTTP headers of a page and while browsing.
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages.
http://yslow.org is the official open source website.
Selenium IDE by Jason Huggins, Adam Goucher, others
Selenium IDE is an integrated development environment for Selenium tests. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests.
FirePHP enables you to log to your Firebug Console using a simple PHP method call.
Not using Firebug 1.9+ on Firefox 8+? See http://firephp.org/
1) Capture an page or just a specific region.
2) Adds a right click option to take screen shots of an entire web page or just part of a web page to save as an image.
Allows you to resize the window to specific dimensions.
NOTE: Users of Firefox 29 and above must install "The Addon Bar" extension to use this, as Firesizer uses the add-on bar that has been removed in Firefox 29.
Finds HTML elements matching chosen CSS selector(s) or XPath expression