Drupal Iphone Theme development Tip

This is just a handy tip for anyone beginning to develop or test a Drupal IPhone theme when they don't have an IPhone and are not using a mac.

The first thing you need to do is add the User Agent Switcher FireFox addon - https://addons.mozilla.org/en-US/firefox/addon/59.

This module allows you to impersonate any browser when viewing a site (obviously this has lots of uses when doing drupal seo as well).  It will take a browser restart to get it working.

Then add in a new user agent using the user agent details below for the iPhone:

  • Description: iPhone
  • User Agent: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en)
  • App Name: AppleWebKit/420+ (KHTML, like Gecko)
  • App Version: Version/3.0
  • Platform: Mobile/1A542a Safari/419.3

In your FireFox tools menu, go to "user agent switcher" and choose iPhone (or whatever you named the user agent).

Then browse to http://www.testiphone.com/ and put in the URL you need to test. It should now show up as it will on an iphone.

Hope thats useful to someone.