1 / 9

Firefox Web Development Extensions

Firefox Web Development Extensions. IT Partners Conference June 3 rd , 2009. Firefox Web Development Extensions. Jeff Derrick Web Developer MIT Sloan School of Management Sloan Technology Services jeffd@mit.edu http://jeffd.mit.edu/itpartners/. Mozilla Firefox History.

orea
Download Presentation

Firefox Web Development Extensions

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Firefox Web Development Extensions IT Partners Conference June 3rd, 2009

  2. Firefox Web Development Extensions Jeff Derrick Web Developer MIT Sloan School of Management Sloan Technology Services jeffd@mit.edu http://jeffd.mit.edu/itpartners/

  3. Mozilla Firefox History • “The History of Mozilla and Firefox” • http://www.foxkeh.com/downloads/history/history-original.pdf • Current Usage Share • (Source: Net Applications)

  4. What are Mozilla Firefox Add-ons? From Mozilla Site: Add-ons extend Firefox, letting you personalize your browsing experience. Add-ons include: • Extensions • Themes • Plugins

  5. Why Web Development in Firefox? • Firefox works on Windows, Mac and Linux • Extensions! • Are Plentiful • User Generated • Are FREE! • Run on the Client (Web Browser - HTML, JavaScript, CSS) • Another level of troubleshooting/debugging • Server-Side Language doesn’t matter (ASP.net, PHP, JSP, etc.)

  6. Browsing/Installing Mozilla Add-ons Online • http://addons.mozilla.org/en-US/firefox/ From your Firefox Browser • Tools -> Add-ons

  7. Built-In Web Development Tools in Firefox • View Source - Syntax Highlighting • Built in Error Console in Firefox • Standards Compliance • CSS Errors • Javascript Errors • Clear Private Data • Page Info • Encoding • Page Size • Meta Tags • Referring URL • Media • RSS Feeds • View Cookies • Show Saved Passwords

  8. Web Development Extensions in Firefox • ColorZilla • MeasureIt • CSS Viewer • IE Tab • Screengrab • Firefox Accessibility Extension • PageDiff • User Agent Switcher • Fiddler • CoolPreviews • Web Developer Toolbar • Firebug • Firecookie • CodeBurner • Rainbow For Firebug • Pixel Perfect

  9. More Extensions!!! • DownThemAll • LinkChecker • Tamper Data • HttpFox • Add N Edit Cookies • POW -- Plain Old Webserver • Html Validator • Live HTTP Headers

More Related