Remote Debugging

Something something jQuery something HTML5 something something

Mike Taylor, Opera Software | @miketaylr

Remote Debugging

Hello, my name is Mike

  • Web Opener, Developer Relations & Tools. Opera Software
  • Member of the W3C HTML Working Group
  • Currently living in Brooklyn, NY
  • I open Webs

Outline

  1. Brief History of Debugging
  2. Emulators and Tools
  3. Remote Debuggers/Inspectors
  4. Pictures of bugs
  5. Pictures of Things that aren't bugs

The Briefest History of Debugging on the Web

  1. alert() & view-source
  2. error consoles
  3. actual tools (i.e., Firebug, Dragonfly, Chrome Dev Tools, F12)
Alert Debugging
Alert Debugging

I will not teach you how to debug. This redhead will.

fixingthesejquery.com

Emulators and Tools

  1. iPhone/iPad Simulator
  2. Android Emulator
  3. WebOS Emulator
  4. Opera Mobile Emulator
  5. Opera Mini Microemulator
  6. Windows Phone 7 emulator
iphone and android emulators
opera mobile and opera mini emulators

The Current Landscape of Remote Debugging

  1. Socketbug
  2. Weinre
  3. Dragonfly
Opera Dragonfly Hompage
Opera Dragonfly Hompage
Weinre Remote Console
Weinre Remote DOM
Opera Dragonfly Hompage
Opera Dragonfly Remote Console
Opera Dragonfly Remote DOM
ant
bee
cicada
dragonfly
hornet
horsefly
scorpion
chickens
tapir
toad
vulture

Gracias.

Get in touch.