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

    Your browser doesn't appear to support the HTML5 <canvas> element.

    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