How Does a Website Look on Mobile IE? Introduction to Using Windows Mobile Emulator

We use the Windows Mobile Emulator to test our web interfaces on mobile devices running “Mobile IE”.

Here is what you need:

The Emulator itself

There are several packages available, we use versions 6.1.4 and 6.5 (the most recent one). The following packages include Windows Mobile 6.1.4 and 6.5 emulator images that can be used as standalone emulators:

Download and install.

OK, now you can run an emulated mobile phone from the start menu. But there are no connections to the outside world or the Internet.

Internet Connectivity Option 1: Use a direct Internet Connection

Believe it or not, you need Virtual PC 2007 to do this: The installer contains the “virtual network adapter” used by the emulator:

  • Download and run the installer from http://www.microsoft.com/downloads/details.aspx?FamilyID=04d26402-3199-48a3-afa2-2dc0b40a73b6&DisplayLang=en
  • Start the desired emulator image from the command line
  • Select File|Configure, select the “Network Tab”
  • Enable the NE2000 network card in the emulator’s settings
  • Important: If you run the emulator inside a virtual machine on VMware
    • I found that the primary network card’s connection was disabled when I enabled the ne2000 (I lost the RDP connection to the VM)
    • I added a second network card (which uses NAT) and then I connect the emulator to the second card and that works fine.
  • Restart the mobile phone using the emulator menu item File|Reset|Soft
  • In the emulated screen you will see a small icon on top of the screen, click it and allow the internet connection
  • Start Internet Explorer and surf.

Internet Connectivity Option 2: Cellular Emulator

Use the “Cellular Emulator” (this emulates a cellular connection for the emulated mobile phone) which comes with both of the above packages

  • Start “Cellular Emulator”
  • note the “COMx” port in the lower left (see http://www.devx.com/wireless/Article/40981/0 for screenshots and more info)
  • Start the desired emulator image
  • goto File|Configure, select the “Peripherals Tab”
  • enter the COMx port in the “Serial Port 0” Field (I had to enter COM3 manually as it only offered COM1 and COM2)
  • Restart the mobile phone using the emulator menu item File|Reset|Soft
  • Wait until reboot has finished
  • Set up a new “GRPS connection” inside the emulated device as described here: http://www.devx.com/wireless/Article/40981/0/page/2
  • Start Internet Exporer, go online and surf.

Some related links

Using the Cellular Emulator in the Windows Mobile 6 SDK: http://www.devx.com/wireless/Article/40981/1954

MSDN: Cellular Emulator Data Connections: http://msdn.microsoft.com/en-us/library/bb158505.aspx

Advertisements

One Response to “How Does a Website Look on Mobile IE? Introduction to Using Windows Mobile Emulator”

  1. Mark's cheap wine club Says:

    Thanks for the link. With mobile viewing becoming more and more popular it’s nice to be able to see what any proposed changes to my site might look like without needing to make the changes and then pull out an IPhone. It really is a cool piece of software.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: