对于Web开发人员必需拥有的25个Firefox4插件
1. Fire FTP : FireFTP is a free, secure, cross-platform FTP/SFTP client for Mozilla Firefox which provides easy and intuitive access to FTP/SFTP servers.
Along with transferring your files quickly and efficiently, FireFTP also includes more advanced features such as: directory comparison, syncing directories while navigating, SFTP, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing, and much more!
2. IE Tab 2 : Just like the classic IE Tab, this updated version of IE Tab allows you to use IE to display web pages in a tab within FireFox. This updated version includes support for FireFox 3.6 and will continue to be updated with new features and enhancements.
3. EditCSS : Stylesheet modifier in the Sidebar. Very basic-wannabe CSS tester for your page.
4. View Source Chart : Inspect the DOM at lightning speed and learn HTML at lightning speed. Eyesight is the most efficient way for the human brain to process information. By placing visual boundaries where they already exist invisibly, Source Charting enables you to take in DOM structure and hierarchy as fast as your brain possibly can.
5. Mobilify : It slims down the content of pages and applies a phone frame to better simulate the Firefox Mobile UI for iterative local development. Mobilify places an icon in your Addon Bar that lets you switch a page into “mobile” mode- narrowing the <body> to 320px, darkening the surrounding content, and placing your content in a mobile phone ‘frame’. Simply click the ‘widescreen’ icon to enable mobile mode, and click again to disable.
6. 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.
7. CodeBurner for Firebug : CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS. The extension’s core functionality is centered around a new Reference panel, which contains a search tool for looking up HTML elements, attributes, and CSS properties.
The extension also hooks into context-menus in the HTML and CSS panels, the DOM crumbtrail, and the Inspector, adding options to look up a selected item (ie. search for it in the Reference panel) or to view a code example.
8. Firepicker for Firebug : This add-on adds a small color picker dialog when editing a CSS rule in Firebug. The addon scans for values that can be parsed as CSS colors (#abc, rgb(1,2,3), blue, red etc.) and displays them in a drop-down list right below the firebug’s CSS editor box. Clicking on the color value in the drop-down brings up a color picker dialog.
9. Adobe BrowserLab for Firebug : Launch Adobe BrowserLab directly from Firebug, to preview temporary changes you’ve made using Firebug. BrowserLab generates screenshots of your pages (public or behind a firewall) in multiple browsers.
10. FirePath For Firebug : FirePath is a Firebug extension that adds a development tool to edit, inspect and generate XPath 1.0 expressions, CSS 3 selectors and JQuery selectors (Sizzle selector engine).
11. FoxyProxy Standard : FoxyProxy is an advanced proxy management tool that completely replaces Firefox’s limited proxying capabilities. FoxyProxy is a Firefox extension which automatically switches an internet connection across one or more proxy servers based on URL patterns.
Put simply, FoxyProxy automates the manual process of editing Firefox’s Connection Settings dialog. Proxy server switching occurs based on the loading URL and the switching rules you define.
12. HTML5toggle : This add-on provides a button which makes it easy to turn on or off the HTMl5 support in Firefox 4. Given that HTML5 support is still evolving, some websites do not work as expected when HTML5 support in Firefox 4 is enabled. For example many early adopters of Firefox 4 have problems with Hotmail. Turning off HTML5 support enables such users to use their Hotmail accounts.
13. Total Validator : All new HTML5 and XHTML5 validation. Provides true HTML validation for HTML 2.0 through to XHTML 1.1 using the official DTDs, plus added attribute and other tests. So you no longer have to put up with the limitations of the W3C validator (no type checking) and tools like HTML Tidy which interpret the standards incorrectly as they don’t use the official DTDs.
14. Console2 : As of Firefox 1.5, the JavaScript Console is used not only for JavaScript errors, but for CSS errors as well. This extension takes this into account by providing a simple possibility to display errors by type.
Console² let’s you display errors filtered by type (Errors, Warnings, Messages), language (JavaScript, CSS, XML) and context (Chrome, Content). Furthermore it provides a simple search box (as seen in the History and Bookmarks sidebars), hiding of duplicates, sidebar optimizations, a customizable toolbar and some more accessibility improvements.
15. Screenshot Pimp : Screenshot Pimp creates an image of whatever is inside you’re web browser. So whether your checking out a new website, a web app, or simply want want to archive what you see in your browser window to disk, Screenshot Pimp is a must have for both beginner and advanced users.
Screenshot Pimp is a lot more than just regular screen grabber or a screen shot utility. It has the ability to not only capture the part of the website that you see, but also the rest of the website that you have not scrolled down to yet. So whether the part of the website you don’t see has more text, or an image, or even flash content that is just too big to fit on the page without shrinking or scrolling, Screenshot Pimp allows the user to grab it in multiple formats, and save it to your hard drive.
16. iMacros for Firefox : iMacros was designed to automate the most repetitious tasks on the web. If there’s an activity you have to do repeatedly, just record it in iMacros. The next time you need to do it, the entire macro will run at the click of a button!
With iMacros, you can quickly and easily fill out web forms, remember passwords, create a webmail notifier, download information from other sites, scrape the Web (get data from multiple sites), and more. You can keep the macros on your computer for your own use, or share them with others by embedding them on your homepage, blog, company Intranet or any social bookmarking service. The uses are limited only by your imagination!
17. HTML 5 Validator : This add-on adds a ‘HTML 5 Validator’ context menu item to a page’s context menu.
18. Web Developer : The Web Developer extension adds various web developer tools to a browser.
19. CSS Reloader : CSS Reloader is a browser extension for Mozilla Firefox and Google Chrome, that allows you to reload all the CSS of any site without you have to reload the page itself. The goal for this browser extension is to enable developers to become more productive.
20. Mobile Toolkit : MobileToolkit helps you to validate the code of any page, check it on several mobile emulators and find documentation to improve your mobile compatibility.
21. YSlow : YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool.
YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page’s performance, summarizes the page’s components, displays statistics about the page, and provides tools for performance analysis, including Smush.it™ and JSLint.
22. MeasureIt : Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
23. Selenium IDE : Selenium IDE is an integrated development environment for Selenium scripts. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests. Selenium IDE includes the entire Selenium Core, allowing you to easily and quickly record and play back tests in the actual environment that they will run.
24. ColorZilla : With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily.
25. FirePHP : FirePHP enables you to log to your Firebug Console using a simple PHP method call. FirePHP is ideally suited for AJAX development where clean JSON or XML responses are required. All data is sent via response headers. This means that the debugging data will not interfere with the content on your page.
ajax 