While mobile websites offer cross-platform access, they still present a variety of testing challenges. Operating systems, browsers and platform versions all need to be considered during mobile websites testing. With that in mind, here are some tips and tools that will help you achieve a successful mobile web launch.
The key to ensuring your mobile website is universally accessible is to test on as many operating systems and browsers as possible. Unlike native apps, people with a variety of devices spanning several manufacturers and carriers will be accessing a single webpage. And while your website might look fine on an iPhone, it might not work as well on an Android. Similiarly, Firefox for Android and Chrome for Android can present unique issues even on the same device. Without testing on multiple devices and browsers you will never know.
An easy way to do an initial run of testing is to use mobile emulators or simulators. There are a variety of emulators to match just about any mobile device you are targeting. Breaking the Mobile Web offers download links and information for 37 different emulators and simulators, including device specific, OS specific and mobile browser specific options.
If you’ve found issues but need help pinpointing the problem, a debugging program will help. Again, you’ll want to test your website across as many OSes and browsers as possible to determine which have bugs. If you find a bug, one of these debugging programs will likely help you pinpoint the issue:
- Safari Mobile Debugger
- Webkit Remote Debugger (Apple)
- Opera Dragonfly (Opera)
- Chrome for Android Web Inspector
- Firefox for Android Remote Debugging
- Adobe Shadow
Also consider checklists to help you remember what needs to be tested. OWASP’s security testing cheat sheet is designed for websites and can be used for mobile website testing. Also look into general mobile app testing checklists. Lists dealing with mobile apps in the generic sense (rather than referring to native apps) will give you some good insight into mobile specific issues like touch screens and device differences.
One last thing. Though emulators are helpful, nothing beats testing on real devices under real-world conditions. Crowdsourced testing can provide you with a real-world representation of your end users and help you feel confident that your mobile site functions and looks good across the board.