How to Use Opera's Mini Simulator to See Your Website on a Mobile Device

By Virginia DeBolt

The Opera mini simulator gives you a live view of your site. The Opera mini simulator gives you a live view of your site.

Rate: (7 Ratings)

You've heard that websites need to be accessible on mobile devices, but how can you check your website to see how it would appear on a mobile device? One way is to use the Opera Mini Simulator.

Instructions

Difficulty: Easy

Things You’ll Need:

  • The URL of your website published on the internet
  • A web browser

The Opera Mini Simulator

Step1
The Opera browser company makes a special browser for mobile devices called the Opera Mini. Opera provides a simulator using that browser that is helpful when testing your site for accessibility of mobile devices.

Navigate to www.operamini.com/demo. The simulator takes a few seconds to open. Be patient.
Step2
Enter the URL of the site you want to test in the field beginning with www. Use the keyboard or the keys on the simulated phone to enter the URL in the field where the www waits for more input. Click "OK" using your mouse.

If you don't know the URL, a search can be done. Search in the Opera Mini works just like search in any other browser.
Step3
When your site appears, use the keyboard or your mouse to navigate. You can move down the page by clicking the arrow keys on the phone simulator. Or you can use your mouse to pull the scroll bar.

If you open the eHow site, you see a simulation like that in the image at the introduction to this article.
Step4
The Opera Mini 4 beta simulator shows an entire page on the small screen. At the time of this writing, a beta version of the Opera Mini 4 Simulator is available at Opera Mini If you open the eHow site in the beta 4 simulator, you see a tiny representation of the entire eHow home page. Just click on the area of the page you want to zoom in on. You can also navigate using the arrow keys on the simulator.
Step5
If you find that your site is unusable on the mini simulator, you need to consider redoing the site in a more accessible manner. Two hallmarks of an accessible site are separation of content from presentation with CSS, and good HTML structure that correctly marks up content as what it represents.

Tips & Warnings

  • The Opera Mini browser can be downloaded to many mobile devices including BlackBerries, iPhones and many types of mobile phones.
  • The Opera Mini Simulator only shows you how your website looks on a device that uses the Opera Mini browser. If a mobile device does not have the Opera Mini browser installed, your website will not look like what you see in the Simulator.

Comments

| View All Comments

webmiser said

Flag This Comment

on 1/14/2008 most all devices , palm, Windows mobile, etc... all have "Emulators" available in their software development kits (free),for testing purposes....

The key here is testing at all possible resolutions

View All

Post a Comment

POST A COMMENT

Request a New How-To Article

Looking for more How To information? Chances are there’s an eHow member who knows how to do what you’re looking to do. Submit an article request now!

eHow Article:  How to Use Opera's Mini Simulator to See Your Website on a Mobile Device

eHow Expert: Virginia DeBolt

Virginia DeBolt

Expert: Internet

Profession: http://www.vdebolt.com

Location: USA

Related Ads

Internet

Veesites
Meet Virginia DeBolt eHow’s Internet Expert.