Tweak, Test and Debug your mobile apps from Web directions code 13
Signaler
Chris WardSuivre
7 May 2013•0 j'aime•981 vues
1 j'aime
Soyez le premier à aimer ceci
afficher plus
vues
Nombre de vues
0
Sur Slideshare
0
À partir des intégrations
0
Nombre d'intégrations
0
Check these out next
Tweak, Test and Debug your mobile apps from Web directions code 13
7 May 2013•0 j'aime•981 vues
1 j'aime
Soyez le premier à aimer ceci
afficher plus
vues
Nombre de vues
0
Sur Slideshare
0
À partir des intégrations
0
Nombre d'intégrations
0
Télécharger pour lire hors ligne
Signaler
Technologie
Business
Tweak, Test and Debug your mobile apps, advice, tools and tips. Presented at Web Directions Code in Melbourne.
Chris WardSuivre
Tweak, Test and Debug your mobile apps from Web directions code 13
- Test, tweak and debug your mobile web apps Web Directions Code 2013 Chris Ward @chrischinch
- “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.”
- Let’s fix it…
- “Avoid using white, it’s going to go out of style any day now.”
- Let’s fix it…
- 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
- Ripple DeviceAnywhere JSBin
- Thanks! Chris Ward @chrischinch chriswhward@gmail.com au.linkedin.com/in/chrischinchilla Meetup.com/melbournemobile
- "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