Navigation

6 free mobile device emulators for testing your site

By Rohit Singhal | Mobile, Resources, Web Design | Nov 30, 2012

The percentage of all web usage that comes from smartphones and other mobile devices is growing, and it won’t be long before mobile internet users overtake desktop and laptop users in terms of web traffic. So it’s a cardinal sin to ignore mobile users when you’re developing a website.

One of the most important things you can do to make a website mobile-friendly is to test it on multiple smartphone and tablet platforms. Luckily, mobile emulators make it easy to do this.

A mobile phone emulator lets you check the responsiveness and functionality of the website across different mobile platforms, such as iPhone, iPad, Android and BlackBerry, without actually having the devices in hand. Mobile emulators can help you pinpoint problems and issues with the website and allow you to take corrective measures to make the website visually appealing and functional on mobile devices.

 

iPad Peek

To ensure your website is compatible with the most acclaimed tablet on the market, you can try it out on iPad Peek.

iPad Peek

 

iPhone Tester

As the name suggests, iPhone Tester is one of the most popular mobile emulators for iPhones. All you need to do is enter the URL of your website into the search box and you’ll see a real-time preview of how it appears on an iPhone 3G/4/4S. 

iPhone Tester

 

Mobile Phone Emulator

Mobile Phone Emulator is one of the most popular mobile phone emulators. The greatest advantage with this tool is that it includes a large number of mobile platforms, including Samsung, iPhone, BlackBerry etc.

Mobile Phone Emulator

 

MobiReady

Similar to Gomez, MobiReady also checks many other parameters, such as dotMobi compliance and W3C mobile compliance, offering detailed error reports. It also has a comprehensive code checker.

MobiReady

 

Responsivepx

Responsivepx helps in checking out the responsiveness of your web design. You can check the appearance and the functionality of your website across different devices and screen sizes.

Responsivepx

 

Screenfly

Screenfly is a must-use emulation tool because of its wide coverage of platforms. You can customize it the way you would like to test your website under various categories.

Screenfly

 

All of these mobile emulators provide free feedback, and it’s extremely easy to test your website using them. The future of the web is mobile, and you can’t afford to forget smartphone platforms when you’re building a website you want your entire audience to be able to access.

 

What steps do you take to test your sites for mobile usage? Have we missed your favourite resource here? Let us know in the comments.

Featured image/thumbnail, mobile internet image via Shutterstock.

Share this post
Comments (no login required)
  • nordic material

    Oh man, I LOVE iPad peek and Screen Fly!

    There is one little bug however: these emulators treat the CSS property “background-size: cover; background: url(x.jpg) no-repeat fixed;” differently than a real iPad does.

    Developers who are working on a page with a fixed fullscreen background or other elements with fixed positioning: always test on more than one emulator!

    If you work on Mac, you can install iOS Simulator for free. It’s accurate for sensitive details like fixed elements on pages that scroll.

    • http://twitter.com/alesas Alexis Braillon

      iPad peek is not rendering correctly. Compare with a real iPad.

  • Emanuel

    What about the most reliable?? Opera Mobile

    http://www.opera.com/developer/tools/mobile/

  • http://www.facebook.com/profile.php?id=502983437 Asher Cohen

    No mention of the XCode iOS simulators? Or the Android SDK emulator? Those are the gold standard, and free to boot.

  • Payam

    Great emulators. Thanks.
    Opera Mobile Emulator is also very cool.

  • http://makeitsuffer.blogspot.com Chase Kusch

    You forgot Responsinator http://www.responsinator.com/ .. it features all common device in single page.. http://goo.gl/0thBG

  • http://twitter.com/oliveb123 Olivia

    Also, Kickfolio.

  • http://www.javierghaem.com/ Javier Ghaemi

    http://www.responsinator.com/ is by far my favourite emulator!

  • AlvaroNistal

    Don’t forget about ViewportResizer. It’s my favourite tool for responsive and mobile design on browsers. Link: http://lab.maltewassermann.com/viewport-resizer/

  • http://www.webspiders.com/ Anthony Weiner

    I like MobiReady and Screenfly a lot. They are great emulators for site-testing purposes and have given me good results.

    There were others which I weren’t aware of, like Mobile Phone Emulator. Would like to try it once to see how it works and if I can use it regularly or not.

    I think these are very crucial tools to use these days, to test websites on different platforms to check its compatibility with each. It is one way to make sure every viewer can be reached and overcome issues that can be faced by them.

  • ehsan

    Great
    Thanks.

  • http://twitter.com/LeftyDesigner Shannon Mølhave

    I disagree with the recommendation of iPad Peek. I used it for a previous project and found its rendering of the site to be very different and incorrect in comparison with a real iPad. A more accurate free tool I’m using now is http://screenqueri.es/.

  • ConstantStrategies

    Great sites, very helpful.