Important Mozilla plugins for web design, development and debugging

Important Mozilla plugins for web design, development and debugging

This document will explain you how to add and use few plugin in Mozilla browser that are important for web development

    1)    XHTML Mobile Profile

Firefox does not natively support the mime-type application/vnd.wap.xhtml+xml. This is one of the possible mime-types for XHTML Mobile Profile. This extension adds support for this mime-type. (The other, application/xhtml+xml, is supported natively by Firefox.)

     2)    Wmlbrowser

Simulate WAP browsing by viewing WML (Wireless Markup Language) pages in Mozilla, SeaMonkey or Mozilla Firefox.

     3)    User Agent Switcher

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

Now when this addon is added to browser, we can add more devices/useragents as per our requirement. There are two ways to do it

a)      By importing a xml file

b)      By adding manual

By Importing a XML file

Download XML from http://techpatterns.com/downloads/firefox/useragentswitcher.xml

>  Goto ‘Edit User Agents…’ option

>  Select import and add the attached XML file to addon

>   All user-agents inside xml get added to the browser

Adding Manually

>  Goto ‘Edit User Agents…’ option, then select ‘New’

>  Then select ‘New User Agent…’

>  Then fill the information available and press ‘OK’. The new user agent hot added to the addon

Note: Don’t forget to clear domain cookie once user agent is change, otherwise changes will not be reflected

     4)    Web Developer

The Web Developer extension adds various web developer tools to the browser.

     5)    Modify Header

Add, Replace and Filter HTTP request headers. Modify Headers allows modification of the HTTP request headers sent to web servers. This addon is particularly useful for Mobile web development, HTTP testing and privacy.

For a guide on HTTP request headers, look at this W3C page: http://www.w3.org/Protocols/HTTP/HTRQ_Headers.html