Turn Firefox into an iPhone HOWTO

At Sogeti Netherlands we've done our fair share of development for Mobile Devices, but we've only recently started developing specifically for Google Android and Apple iPhone. As we lack experienced colleagues in this field to teach us the tips and tricks, we've got to go out on the net to find out how things work. Sometimes you end up in the weirdest places.

We're an IT company and have a massive amount of laptops and desktops, but guess what, just two Macbooks. One specifically allocated to a client account and one we bought to get a good and working development environment to start programming for the iPhone. There are a few options to develop without a Mac environment, but they're a real hassle. Maybe I'll get into these later.

With only one environment to develop (and a few iphones) we started looking for emulators. Developing and testing Native Applications requires a bit more than developing web applications, so turning your browser into an iphone would help. And in this case we wound up in a strange place... ismashphone. Well, not really the strangest of places when developing for an iPhone, but the context wasn't exactly office material.

Back in may 2008 the ismashphone team reviewed the new Zinio magazine reader for iPhone. Zinio is a distributer for Technology magazines and they were offering a number of magazines to iPhone users for free, including magazines like Penthouse and Playboy, which do have some bits about gadgets and tech to let you have an excuse. The ismashphone team was kind enough to provide you with a hack so you can update your Firefix or Safari browser to act like an iPhone and be recognised as an iPhone.

It seems the hack still is pretty hot, also judging by the fact that the same article (Read MacWorld...) on the Aplletell blog is among the fastest rising blogs on Technorati this week.

In case you're looking for pictures go their, if you want to try out the hack inside your office for serious testing, here's the version without distracting piccies. The hack is rather easy and gives webmasters an easy tool to check how their websites look when visited by an iPhone. Here's the 7 steps to walk through:

Turn Firefox into an iPhone - HOWTO

(by ismashphone)

The Issue: With a few steps you'll be able to turn your computer's Mozilla Firefox into an iPhone browser. This is similar to our post on turning your computer's Safari browser into an iPhone browser.

Why? To access iPhone only websites with your Firefox browser in order to preview them, or to obtain data from iPhone mobile-web targeted sites.

The Lesson:
1. Open your Mozilla Firefox browser
2. In the URL bar, enter "about:config"

3. Right click anywhere on the page, go down to New and over to String

4. You will be prompted to enter the preference name. Enter: general.useragent.override

5. You will next be prompted to enter a "string value". Enter: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A102 Safari/419 (United States) 6. Once you have hit OK, you have morphed your Firefox into an iPhone mobile browser! Woo!
Here is a sample of what Google now looks like: Associated Press has made an iPhone only website: http://www.apnews.com/
Without this configuration you would not have been able to access this page.

To reverse this process and return to regular Firefox mode, you must go back into "about:config".
Then scroll down to the "general.useragent.override" and right click it. Select Reset.

You're back to regular Firefox.