Website and web app device testing
note: some images have been removed
because of copyright
Who the heck are you?
● web designer
● front end developer
● over ten years of
● freelance/ company /
small and enterprise
● principal at Context
Multimedia and Mario
● organizer SCWDD
● Why you should test mobile
● General Guidelines
● Some tools and techniques
● A demo of a few of Adobe Inspect
● Edge Code and Reflow if time permits
● Tips and Tricks
Two main approaches
Responsive Design User Agent Adaptive
hybrid applications that can be tested in
the browser first can be helpful.
Find out what’s going on.
Fix it if necessary.
Some general guidelines
Stick to standards when possible.
Develop a solid framework and go with it.
Beware of plugin promiscuity
Unit test - break things up into manageable
pieces where possible
Measure your analytics to figure what should
There is no such thing as perfect testing
So how do we
Some useful tools and techniques
Which should I use?
Emulator Pros and Cons
You have to do it
Doesn’t use a device’s
Performance is not
Actual Device Pros and
If it works, it works
Real touch events
Can’t cover all devices
Needs to be kept up to
May not model real
A few Emulators
Ripple emulator extension
Firefox web developer toolbar Addon
Other options - chrome for android and firefox plus Apple’s safari and Win
try to get the major devices
Some Hybrid remote
I don’t endorse these by the way. Just examples.
Check with the hardware manufacturues too
Not quite as powerful but Super
Some other tips
Pushing the envelope means extra testing
Clear local and server cache before testing
Kindle Silk issues
If at first you don’t succeed, Refresh...
Inspect might also help with Accessibility