2. Who the heck are you?
● web designer
● front end developer
"integrator"
● over ten years of
experience
● freelance/ company /
small and enterprise
● principal at Context
Multimedia and Mario
Noble Design
● organizer SCWDD
Mario Noble
3. Overview
● 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
8. Also
Find problems early
Testing is an integral part of creating a quality
product.
Provide as good of a user experience as
possible.
Keep that money! Don’t get sued!
13. 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
get priority
There is no such thing as perfect testing
14. So how do we
test?
Some useful tools and techniques
17. Emulator Pros and Cons
Pros
Easy testing
Desktop based
You have to do it
anyway
Cheaper
Fast
Cons
Doesn’t use a device’s
browser
Inaccurate results
Performance is not
accurate
Bandwidth not
representative
18. Actual Device Pros and
Cons
Pros
If it works, it works
Accurate performance
Accurate bandwidth
Real touch events
Real testing
Cons
Expensive
Can’t cover all devices
Needs to be kept up to
date
May not model real
world performance
and bandwidth
19. A few Emulators
Ripple emulator extension
Firefox web developer toolbar Addon
http://beta.screenqueri.es/
http://responsinator.com/
20. Desktop/ Device
based options
Other options - chrome for android and firefox plus Apple’s safari and Win
Phone:
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
http://lucasr.org/2012/03/28/remote-debugging-in-firefox-mobile/
https://developer.apple.
com/library/safari/documentation/AppleApplications/Reference/SafariWebConte
nt/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html
http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff402572(v=vs.
105).aspx
http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone
23. Some Hybrid remote
options
I don’t endorse these by the way. Just examples.
http://www.deviceanywhere.com/
Browsershots (http://browsershots.org/)
http://info.perfectomobile.com/automate-mobile-app-testing.
html?
utm_source=Google&utm_medium=CPC&utm_campaign=
Search_Mobile_Testing_US_Canada&utm_term=Remote&
gclid=CKnk1a2N-bgCFYN_QgodZ30AWg
http://mobilelabsinc.com/deviceconnect/
Check with the hardware manufacturues too
26. Some other tips
“Mobile First”
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
debugging.