Catching bugs with Opera DragonflyAN OVERVIEW OF OPERA'S DEVELOPER TOOLS

Patrick H. Lauke / RIT++ / Moscow / 3 April 2012

www.opera.com/developer/tools

www.opera.com/dragonfly

Opera Dragonfly● “HTML5 web application”● uses application cache (needs one-time load)● rapid release cycle with 3 release channels

my.opera.com/dragonfly/blog

JavaScript debugging● syntax errors are “simple” – throw errors ● more insidious: logic errors● difficult to see what's going on inside script

What's going on?● throwing alerts● breakpoints – watches, stack, inspection● console API

remote debugging

Remote debugging● in Opera Dragonfly forever● true remote debugging (look ma', no cables)

www.opera.com/developer/tools/mobile

Why emulate?● real touch events● viewport● reacts correctly to media queries (device-pixel-ratio, device-width, … )

upcoming features...

my.opera.com/dragonfly/blog/style-profiler-preview

my.opera.com/dragonfly/blog

https://bitbucket.org/scope/dragonfly-stp-1/

www.opera.com/developerpepelsbey@opera.com / patrick.lauke@opera.com