Hey, could you please check how that page looks on your side? It looks all scrambled on my iPhone.
Questions like those always find their way during the meetings, right? 🙂
If you are a part of the team handling front-end development, you’ll use emulation kits (or actual mobile devices) to test out how client’s site looks on mobile devices and fix any issues along the way.
On the other side, if you are a business owner or a project manager overseeing the project, sometimes you won’t have time to tackle the advanced software that’s being used by the development team – sometimes you need just a quick glance over to the website being developed.
With this in mind, I present you top 5 free apps which I use in order to quickly evaluate any issue which my clients may encounter on their mobile devices.
This has to be one of the easiest tools for mobile testing your website. Just go to MobileTest.me and choose the device which you’d like to test out. Then type your website address and voilà!
Another neat tool for mobile website testing is mobiReady — this even displays your website on several devices, including laptops and 3 different models of mobile devices.
The Screenfly app shows your website on various devices – including iPads and television (seriously)! For mobile devices there’s a range of popular models from Apple, Samsung, Motorola, BlackBerry, LG and others.
Easy to remember, easy to use – Mobile Emulator app shows your website on Apple, Samsung, HTC, BlackBerry and LG Devices.
Really quick and easy to use – these are the main features of Responsinator, a tool which shows your website in the popular mobile devices with portrait and landscape modes included!
BONUS: Website Mobile Testing Tools For Front-End Developers and Web Designers
As a web designer or a developer, you need tools which will show you more in-depth information like speed insights (scripts being loaded, non-optimized images, etc.), operating systems — or simply you need something that shows much more details that you can use while developing. Here are some tools that you can check out:
W3C mobileOK Checker — Displays resources being loaded and validation errors. Allows validation by URL or File Upload.
Google Mobile Checker – This tool displays how is your site being viewed by Google Crawler once it’s being accessed through mobile devices.
BrowserStack – Although intended for browser testing first, they do offer mobile device testing as well. No free plans at the moment but they do offer a free trial.
Mobitest – Not too much in detail but displays some important information – load time, page size and waterfall chart for resources.
I hope you will put some of these apps to good use – I know I have 🙂 For example, these apps helped me to take a quick peek over some issue while I’m talking with a client during the call.
Have you used some other apps which I didn’t listed here? Do let me know in the comments below!
Image Credits by PicJumbo, you guys rock.