Firefox Developer Tools 2012

Firefox Developer ToolsWednesday, April 25, 12

People • Cedric Vivier • Rob Campbell • Heather Arthur • Panos Astithas • Mike Ratcliffe • Victor Porof • Paul Rouget • Mihai Sucan • Joe Walker • Jan OdvarkoWednesday, April 25, 12

The InspectorWednesday, April 25, 12

Pseudo-class LockWednesday, April 25, 12

Layout ViewWednesday, April 25, 12

... and more.Wednesday, April 25, 12

Global Toolbar and Command LineWednesday, April 25, 12

Script DebuggerWednesday, April 25, 12

Debugger API • JS API for watching programs run • Explicit global selection (jsd was whole- browser) • Simple analyses in a few lines.Wednesday, April 25, 12

Remote Protocol • JSON over streams • Actors represent Debugger API objects (and more) • Implemented on Fennec and B2GWednesday, April 25, 12

Chrome DebuggingWednesday, April 25, 12

Firebug • Restartless • Delayed initialization • Memory leak ﬁxes • CCDumpWednesday, April 25, 12

HTTP Monitor • Based on Firebugs network panel • Remote protocol • github.com/ﬁrebug/HTTPMonitorWednesday, April 25, 12

Summer of Code and Intern Projects • Timeline - graphical view of browser events. • Source Maps. • Parser in source view.Wednesday, April 25, 12

Performance Tools • A lot of different problems. • Javascript execution proﬁling. • Layout and rendering. • Garbage collection.Wednesday, April 25, 12

Responsive Design Tools • Resize your content area • Select common sizes • Change orientationWednesday, April 25, 12

Storage Tools • localStorage • IndexedDB • Application CacheWednesday, April 25, 12

Firefox Developer Tools 2012

by Dave Camp

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Firefox Developer Tools 2012 Presentation Transcript