Tweak, Test and Debug your mobile apps from Web directions code 13
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 456 views

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

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

Statistics

Views

Total Views
456
Views on SlideShare
445
Embed Views
11

Actions

Likes
0
Downloads
1
Comments
0

2 Embeds 11

http://librosweb.es 6
https://twitter.com 5

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Demo link - http://localhost/WDC/Demos/demos/index.htmlRight hand list add - box-shadow: 20px 20px 10px #111;
  • If we were to do this normally, we have to set up proxies, or upload and reload or…Demo link - http://portablechinch.local/WDC/Demos/demos/index.htmlChange page colourWalk through other tabs
  • Remote debuggingDemo link - http://portablechinch.local/WDC/Demos/demos/index.htmlChange page colourWalk through other tabsYou can use consoleYou still have to find some sort of way of accessing the project
  • Remote Debugging
  • Adobe Edge InspectShow, then negativesNot sure how long it will remain free, a bit slow and jumpyYou can use consoleNot sure of browser used
  • WeinreWe’ve seen this alreadyYou can use console.logWill work in PhoneGap, you can even use a hosted service with a JS script or Moderately complex installation – node.jsSluggish at times

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

  • 1. Test, tweak and debug yourmobile web appsWeb Directions Code 2013Chris Ward@chrischinch
  • 2. “I was going through corrections with adesigner.CLIENT: Can you add more internet stuff tothis box?ME: What is ’internet stuff’?CLIENT: You know, like shadows and stuff.”
  • 3. Let’s fix it…
  • 4. “Avoid using white, it’s going to go out of styleany day now.”
  • 5. Let’s fix it…
  • 6. Chrome: developers.google.com/chrome-developer-tools/docs/remote-debuggingiOS: moduscreate.com/enable-remote-web-inspector-in-ios-6Firefox: hacks.mozilla.org/2012/08/remote-debugging-on-firefox-for-android
  • 7. RippleDeviceAnywhereJSBin
  • 8. Thanks!Chris Ward@chrischinchchriswhward@gmail.comau.linkedin.com/in/chrischinchillaMeetup.com/melbournemobile
  • 9. "The mobile site looks great! How do I view iton my phone?"