Firefox Developer tools

Panos Astithas / @pastith

About me

Firefox team photo

Member of the Firefox Developer Tools team
Mainly working on the JS debugger and perf tools
Got the first working Firefox OS remote debugging session

Developer Tools

For Web Apps
For Mobile Apps

Web apps

HTML & CSS debugging

Page Inspector

JavaScript Debugging

JavaScript Debugger

Demo

Profiling

Profiler

Demo

Networking

Network Monitor

Paintflashing

Paint flashing

Reflow events

Reflow logging

Debugging WebGL

Demo

Mobile Apps

Responsive Design

Responsive Design Mode

Test layout behavior in different screen sizes

Simulators

Firefox OS Simulator

Debug issues related to APIs unavailable on desktop

Remote debugging

Remote debugging

Diagnose problems that only manifest themselves in the real thing

Thank You

Feedback:

@pastith
@FirefoxDevTools

Homework:

Slides: astithas.com/talks/appdays2013/
Firefox Developer Tools: developer.mozilla.org/docs/Tools
Get involved!