« T-Mobile U.S. Woes | Main | Whither .mobi »

Firefox Plugins for Mobile Web Developers


If you are doing any mobile website development where you are using device detection or adaptive content, you know how unreasonable it is to use a mobile phone/device to test your site live. There are a few plugins that you can use with Firefox that allow you to basically emulate a live mobile device. These shouldn't be used in place of actual live device testing but for testing while developing, these have been invaluable to me.

Firefox Plugins:

  • wmlbrowser - Add WML markup support to your browser.

  • XHTML Mobile Profile - Add xHTML MP support to your browser.

  • User Agent Switcher - Use this plugin to send the user-agent string of whichever mobile browser you want to emulate. Try a diverse range of user-agents to make sure your app can handle all the different formats.

  • ModifyHeaders - Allows you to spoof headers. Use this to add an x-up-subno, x-wap-profile, etc. header to your browser session so your app thinks you are coming from a network operators proxy.


With these few Firefox plugins you can get close enough to looking like whichever mobile device you'd like without having to suffer the delay of testing with a real phone.

About

This page contains a single entry from the blog posted on April 9, 2007 7:24 AM.

The previous post in this blog was T-Mobile U.S. Woes.

The next post in this blog is Whither .mobi.

Many more can be found on the main index page or by looking through the archives.

Powered by
Movable Type 3.31