Useful Tools for Testing Websites on Mobile Devices

As there are more and more people using their mobile devices to browse the web, it is important to make sure that your website is compatible with the different devices with different screen sizes and operating systems.

Testing websites on mobile devices can be very time consuming and expensive due to the vast number of different mobile devices.

Luckily, there are useful tools that we can use for testing websites on mobile devices. These tools simulate a real device and will display how a website renders on a particular device with different screen resolutions.

In this article, we look at some of the most common ones:

iPhony

p_iPhoneyLeopardScreenshotSmall

Looking for a way to see how your web creations will look on iPhone? Look no further. iPhoney gives you a pixel-accurate web browsing environment—powered by Safari—that you can use when developing web sites for iPhone. It’s the perfect 320 by 480-pixel canvas for your iPhone development. And it’s free.

iPhoney is not an iPhone simulator but instead is designed for web developers who want to create 320 by 480 (or 480 by 320) websites for use with iPhone. It gives you a canvas on which to test the visual quality of your designs.

iPadPeek

ipadpeek

iPadPeek lets you see how your website renders when accessed via an iPad. This useful tool has different sizes as well as portrait and landscape orientations.

 

W3C mobileOK Checker

w3c-mobile-checker

This checker performs various tests on a Web Page to determine its level of mobile-friendliness. The tests are defined in the mobileOK Basic Tests 1.0 specification. A Web Page is mobileOK when it passes all the tests.

Mobile Friendly Test Tool

mobile-friendly-test-tool

This tool from Google tests whether your website meets the criteria for being mobile friendly. The tool will analyze a given URL and report if the page has a mobile-friendly design.

Screenfly

screenfly

With Screenfly you can easily test your website on a range of view ports, from mobile phone to tablet, pc and even TV as well as having your own custom size resolution. You can also rotate, scroll and use a proxy with this tool.

 

Responsive Design Checker

responsive-design-checker

This is a very easy to use tool that only checks for the responsive design. It has an intuitive interface with a range of view port sizes and popular devices to choose from.

This tool isn’t intended to test mobile site versions, so it won’t show you if your site redirects to a mobile version. Some devices, including the iPhone, automatically resize websites to fit the screen, but that’s not responsive design, so you won’t see that here, either.

More on this topic:

2 Replies to “Useful Tools for Testing Websites on Mobile Devices”

  1. Hi Amir,

    I have got a quick question about mobile testing. Do you know how I can check a website which is not released in the market and can check with the local host?

    Thanks,
    Anil

    1. Hi Anil,

      If you have any development environment, you can deploy your application on the environment and test it there. For mobile app testing, you can get the apk and install it on your local device and test.

      Hope that helps
      Amir

Leave a Reply