Catching bugs with Opera Dragonfly - RIT++ 03.04.2012

1,311 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,311
On SlideShare
0
From Embeds
0
Number of Embeds
23
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Catching bugs with Opera Dragonfly - RIT++ 03.04.2012

  1. 1. Catching bugs with Opera DragonflyAN OVERVIEW OF OPERAS DEVELOPER TOOLS Patrick H. Lauke / RIT++ / Moscow / 3 April 2012
  2. 2. www.opera.com/developer/tools
  3. 3. www.opera.com/dragonfly
  4. 4. Opera Dragonfly● “HTML5 web application”● uses application cache (needs one-time load)● rapid release cycle with 3 release channels
  5. 5. my.opera.com/dragonfly/blog
  6. 6. JavaScript debugging● syntax errors are “simple” – throw errors● more insidious: logic errors● difficult to see whats going on inside script
  7. 7. Whats going on?● throwing alerts● breakpoints – watches, stack, inspection● console API
  8. 8. remote debugging
  9. 9. Remote debugging● in Opera Dragonfly forever● true remote debugging (look ma, no cables)
  10. 10. www.opera.com/developer/tools/mobile
  11. 11. Why emulate?● real touch events● viewport● reacts correctly to media queries (device-pixel-ratio, device-width, … )
  12. 12. upcoming features...
  13. 13. my.opera.com/dragonfly/blog/style-profiler-preview
  14. 14. my.opera.com/dragonfly/blog
  15. 15. https://bitbucket.org/scope/dragonfly-stp-1/
  16. 16. www.opera.com/developerpepelsbey@opera.com / patrick.lauke@opera.com

×