HTML and CSS Reference
When you open Opera Mobile Emulator, you are presented with the options for the device you want to emu-
late, as shown in Figure 16-1. By changing these settings, you can set up an environment similar to many
Android devices such as Samsung Galaxy S, HTC Desire, Motorola Xoom, and so on.
Figure 16-1 The initial window of Opera Mobile Emulator.
Opera Mobile Emulator conveniently has a list of profiles for many devices, which saves you from having to
change options such as Resolution and Pixel Density.
Ideally, you should test in as many devices as possible, but as you did with desktop browsers, choose one pro-
file to develop with, and when you're done, test in other profiles.
3. From the Profile list, select Samsung Galaxy S II and click Launch.
When a profile launches, you are presented with a window that has the same dimensions as the Samsung
Galaxy S II, and you can start using the Opera Mobile browser as if you were using it on that device.
4. With the Cool Shoes & Socks page open in your desktop browser, copy the URL of the page from the ad-
5. Return to Opera Mobile Emulator, click the address bar, and paste the URL. Then press Return on your key-
board or click the Go button in the bottom right.
You now see the Cool Shoes & Socks page in the same way it would be viewed on a Samsung Galaxy S II, as shown
in Figure 16-2. Cool stuff, right? You can view your pages in a whole range of mobile devices.