Tweak, Test and Debug your mobile apps from Web directions code 13

15
Test, tweak and debug your mobile web apps Web Directions Code 2013 Chris Ward @chrischinch

description

Tweak, Test and Debug your mobile apps, advice, tools and tips. Presented at Web Directions Code in Melbourne.

Transcript of Tweak, Test and Debug your mobile apps from Web directions code 13

Page 1: Tweak, Test and Debug your mobile apps from Web directions code 13

Test, tweak and debug your

mobile web apps

Web Directions Code 2013Chris Ward

@chrischinch

Page 2: Tweak, Test and Debug your mobile apps from Web directions code 13
Page 3: Tweak, Test and Debug your mobile apps from Web directions code 13
Page 4: Tweak, Test and Debug your mobile apps from Web directions code 13
Page 5: Tweak, Test and Debug your mobile apps from Web directions code 13

“I was going through corrections with a

designer.

CLIENT: Can you add more internet stuff to

this box?

ME: What is ’internet stuff’?

CLIENT: You know, like shadows and stuff.”

Page 6: Tweak, Test and Debug your mobile apps from Web directions code 13

Let’s fix it…

Page 7: Tweak, Test and Debug your mobile apps from Web directions code 13

“Avoid using white, it’s going to go out of style

any day now.”

Page 8: Tweak, Test and Debug your mobile apps from Web directions code 13

Let’s fix it…

Page 9: Tweak, Test and Debug your mobile apps from Web directions code 13

Chrome: developers.google.com/chrome-

developer-tools/docs/remote-debugging

iOS: moduscreate.com/enable-remote-web-

inspector-in-ios-6

Firefox: hacks.mozilla.org/2012/08/remote-

debugging-on-firefox-for-android

Page 10: Tweak, Test and Debug your mobile apps from Web directions code 13
Page 11: Tweak, Test and Debug your mobile apps from Web directions code 13
Page 12: Tweak, Test and Debug your mobile apps from Web directions code 13

Ripple

DeviceAnywhere

JSBin

Page 13: Tweak, Test and Debug your mobile apps from Web directions code 13
Page 14: Tweak, Test and Debug your mobile apps from Web directions code 13

Thanks!

Chris Ward

@chrischinch

[email protected]

au.linkedin.com/in/chrischinchilla

Meetup.com/melbournemobile

Page 15: Tweak, Test and Debug your mobile apps from Web directions code 13

"The mobile site looks great! How do I view it

on my phone?"