AdMob Tech Talk 001 http://www.getfirebug.com

How to open Firebug F12

The Tabs Console HTML CSS Script Dom Net

Console

HTML

CSS

Script

Dom

Net

Console – Bread & Butter Javascript error console console.log() console.trace() Javascript command line AJAX Requests `

Javascript error console

console.log()

console.trace()

Javascript command line

AJAX Requests

HTML – Curious About Dom? Inspect Modify CSS Layout Delete Monitor Event Logging

Inspect

Modify

CSS Layout

Delete

Monitor

Event Logging

CSS – Stylin' CSS on page All CSS files Modify CSS

CSS on page

All CSS files

Modify CSS

Script – Debugger Full debugger Breakpoints Step in, Step over, etc

Full debugger

Breakpoints

Step in, Step over, etc

Dom – Into the Tree Dom elements Great for complex objects

Dom elements

Great for complex objects

Net - Performance Downloaded objects Profiling page Page size

Downloaded objects

Profiling page

Page size