Firefox

Developer

Tools

 

 

 

Firefox  

Beta  

Aurora  

Nightly  

 

 

 

http://j.mp/devtools-shownotes

 

Editing

Inspection

History

Control

Editing: Style Editor

 

 

Editing: Scratchpad

 

Responsive Design View

 

The Preset Problem

 

 

Tilt

 

 

 

Tilt Add-on

On A.M.O.

 

 

Future Tilt

Live Tilt (Bug 703910)

3D CSS Transforms

 

 

Inspector

  • Pseudo-Class Lock
  • Doc links in Computed Style View
  • Layout View

 

 

Future

  • Live HTML Editing
  • Merge Style Editor with Rule View

 

Debugger

  • JSD is dead, long live JSD2
  • Demo
  • Remote Debugging
  • Soon: Chrome Debugging

Debugger Demo

 

function factorial(n) {
  return n < 2 ? 1 : n * factorial(n-1);
}

 

Ziggurat demo

How JS Works

History: Web Console

History: Network Monitor

 

 

 

Control: Command Line

 

 

 

|

 

 

 

&

 

 

 

 

 

 

0

 

 

 

Demo

 

 

Command Line

  • Separate Window
  • More Commands: Hackathon

 

 

 

Thanks

@joewalker