Weinre

An introducttion to Weinre - Webkit Inspector Remote

Transcript

1. Weinre Andrew Lunny, PhoneGap/Adobe Thursday, 26 April, 12
2. Me @alunny Computer Scientist Nitobi Software Adobe Systems Author Thursday, 26 April, 12
3. A Brief History of Web Debugging Thursday, 26 April, 12
4. The Dawn of Time Thursday, 26 April, 12
5. alert() confirm, prompt Thursday, 26 April, 12
6. Some Dead Ends Thursday, 26 April, 12
7. extensions Thursday, 26 April, 12
8. browsers Thursday, 26 April, 12
9. bookmarklets Lite Thursday, 26 April, 12
10. bookmarklets are great because they run anywhere this will be important later Thursday, 26 April, 12
11. alert() Thursday, 26 April, 12
12. enter weinre Thursday, 26 April, 12
13. ‣ client - server - target architecture ‣ client (desktop): webkit inspector ‣ target (mobile): bookmarklet-style JS ‣ server: relays msgs back and forth weinre nutshell Thursday, 26 April, 12
14. $ (sudo) npm install -g weinre $ weinre weinre: starting server at http://localhost:8080 run locally Thursday, 26 April, 12
15. Thursday, 26 April, 12
16. Thursday, 26 April, 12
17. localhost? Thursday, 26 April, 12
18. debug.phonegap.com Thursday, 26 April, 12
19. ‣ run anywhere ‣ don’t require any changes to the browser/platform ‣ easy to change/update bookmarklets are great Thursday, 26 April, 12
20. ‣ no low-level access ‣ advanced capabilities (e.g. step- debugging, error logging) are difficult to impossible bookmarklets aren’t enough Thursday, 26 April, 12
21. Thursday, 26 April, 12
22. coming (slowly) Thursday, 26 April, 12