David Leggett (TheLeggett)

tools

Mobile Web App Tester Tool

Web App Tester is an easy way to test web-based applications at 320x480px. This project was designed to work in Webkit browsers, and uses a customizable iframe to mimic the browsing experience on devices like the iPhone.

This project was designed to be used primarily on tablets, where the touch experience is most similar to touch-enabled phones. Currently, the iPad is not supported. This likely will not change unless iframe/object elements get better support on the iPad. More details below.

Web App Tester, will also work on Desktop Webkit browsers.

Tested Devices:

  • Motorola Xoom: No known issues.
  • iPad 2: No support. iframe bug.
  • Windows 7, Google Chrome: No known issues.
  • Windows 7, Safari: No known issues.
  • Mac OS X, Safari: No known issues.

Open to feedback and thoughts on how this browser could be improved. I’ll do my best to maintain it and fix any problems.

iPad Bug

I’m really frustrated about not being able to make this work for iPad devices. One of the goals of making this public was allowing iPad owners to quickly test iPhone web apps via their iPad. Unfortunately, the iPad does not work well with iframes.

The iPad doesn’t respect overflow rules with iframes, and will instead render out the entire width/height of a document in an iframe. Additionally, content inside of an iframe cannot be scrolled. I’d classify this as a bug with the iPad, but this is definitely a device I’m interested in supporting.

If you know of a possible solution to making this work on the iPad, I would greatly appreciate your help. You can download the full source of the current iteration here for modifying.

Updates/Changelog

May 12th, 2011

  • First iteration released.
  • Needs back button.
  • Needs refresh button.
  • iPad won’t scroll with overflow fix applied.
  • iPad doesn’t support iframe overflow instructions. Fixed.

May 6th, 2012

  • Layout updated to maximize space.
  • Can toggle between iPhone and iPad views.

Thank Yous / Additional Support