Testing mobile applications with the Mobile Browser Simulator

Use the Mobile Browser Simulator to emulate various mobile devices and test the mobile applications without the need to install device vendor native SDK.

1. Create a MobileFirst project.

2. Add MobileFirst environments.

3. Add HTML Tags and UI widgets to the index.html page.

Important: The Mobile Browser Simulator supports the following web browsers:

• Firefox version 3.6 and later.

• Chrome 17 and later.

• Safari 5 and later.

1. In Eclipse select Window > Preferences > Web Browser. Then, select Use external web browser.

2. Right-click the environment folder (Android for instance) or Application folder name and select Run As > Preview.

What to do next

After the web page is running in the Mobile Browser Simulator, we can view how the page renders in different devices.

Parent topic: Mobile Browser Simulator

Switching devices

To view the web application in the simulated devices using the appropriate style sheets, ensure that these tasks are completed:

1. Create web pages for mobile devices

2. Enable user agent switching.

In the simulator, click the device list and then select the device to simulate.

Add devices

To view the web application in the simulated devices using the appropriate style sheets, ensure that these tasks are completed:

1. Create web pages for mobile devices

2. Enable user agent switching.

In the simulator, click Add Device and then select the device to simulate.

We can customize the list of device options available in the Mobile Browser Simulator.

1. In MobileFirst Studio, select Window > Preferences > Web > Target Devices.

2. Add the custom device to the current list of target devices, and then start the simulator again.

The custom device that we added is now available as an option from the Add Device list in the simulator.