With mobile and tablet devices increasingly becoming popular almost every designer these days is trying to optimize his code for these devices.If you are web developer then there is a chance that you wanted to test your design on devices with various screen sizes. Often it’s not possible to own all these devices to check how your design would look and feel on them, so here is a list of 7 most amazing and easy to use tools to test your site on mobile devices.
Although Adobe Device Central is free with Adobe creative suit, Adobe creative suite is quite costly. Adobe Device central gives you freedom to test your design on a number of devices with different screen size.To open a page or site, select Device Profiles > Browse Devices, then right-click and choose Add To Test Devices. Now that you’ve added a device, simply go to File > Open (for local testing) or File > Open URL (for remote testing). However Adobe Device Central software has been discontinued effective April 23, 2012. so you can use it only if you have Adobe CS 5.5 or earlier.
Google Mobiliser is also an excellent and simple to use tool that lets you browse your site as if it were a mobile device that you were using. It does so by stripping down the contents to its bare minimum thus giving you a browsing experience similar to a portable device.
Cons: Your site needs to be online for you to see it thus it won’t work offline.
Opera Mini Simulator is a free web-based emulator for testing and evaluating your web design on a mobile device that uses Opera Mini. The device requires java browser plugin to function properly. Since Opera mini is the most popular browser on mobile platform it’s quite important that you pay attention that your site looks and works good on this browser.It can be paired with Opera Dragonfly for an effective testing environment before taking it to the physical phone. The tool is also available for offline use.
iPhoney is meant for iPhones. iPhoney actually lets it’s users to create 320x480px websites for use on the iPhone. It allows developers to test images and code with all the normal features including Portrait and Landscape modes, full screen, zoom and plugins.
This is a web based web checker that would let you know how mobile friendly your site and its code are. The standards used are based on W3C mobileOK Basic Tests specification developed by W3C.
Tablets are increasingly becoming popular each day so you not want to miss this segment of electronics. iPad peek is a very good tool to test your site on iPad. You must use a WebKit-based browser such as Apple Safari or Google Chrome or a CSS3-capable browser that supports
transformation properties (like Opera) because it uses them to render the page in Portrait mode.
Gomez mobile tests your website and analyses your website based on a number of web development techniques, ranging from style sheet use, caching techniques and standards-compliant code and the result is displayed as your score between 1 and 5 based on an analysis.