Tweak, Test and Debug your mobile apps from Web directions code 13
•Télécharger en tant que PPTX, PDF•
1 j'aime•983 vues
Tweak, Test and Debug your mobile apps, advice, tools and tips. Presented at Web Directions Code in Melbourne.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
Plus de Chris Ward
Plus de Chris Ward (20)
Dernier
Dernier (20)
Tweak, Test and Debug your mobile apps from Web directions code 13
- 1. Test, tweak and debug your mobile web apps Web Directions Code 2013 Chris Ward @chrischinch
- 5. “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.”
- 7. “Avoid using white, it’s going to go out of style any day now.”
- 9. 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
- 15. "The mobile site looks great! How do I view it on my phone?"
Notes de l'éditeur
- 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