2. Agenda
What is Chrome Developer Tools?
Using Developer Tools
Story 0: Mastering DOM
Story 1: Analyzing Network Activity
Story 2: Debugging JavaScript
Story 3: Identifying performance issues
Story 4: Understanding memory usage
New Features
Links & How to contribute
Q&A
3. Agenda
What is Chrome Developer Tools?
Using Developer Tools
Story 0: Mastering DOM
Story 1: Analyzing Network Activity
Story 2: Debugging JavaScript
Story 3: Identifying performance issues
Story 4: Understanding memory usage
New Features
Links & How to contribute
Q&A
4. What is Chrome Developer Tools?
It is:
to Chrome what Firebug is to Firefox
not a Firebug port for Chrome
a part of standard Chrome distribution
WebKit Web Inspector, working on top of
V8 JavaScript engine in the Chrome's
multi-process architecture
5. Agenda
What is Chrome Developer Tools?
Using Developer Tools
Story 0: Mastering DOM
Story 1: Analyzing Network Activity
Story 2: Debugging JavaScript
Story 3: Identifying performance issues
Story 4: Understanding memory usage
New Features
Links & How to contribute
Q&A
6. Agenda
What is Chrome Developer Tools?
Using Developer Tools
Story 0: Mastering DOM
Story 1: Analyzing Network Activity
Story 2: Debugging JavaScript
Story 3: Identifying performance issues
Story 4: Understanding memory usage
New Features
Links & How to contribute
Q&A
8. Agenda
What is Chrome Developer Tools?
Using Developer Tools
Story 0: Mastering DOM
Story 1: Analyzing Network Activity
Story 2: Debugging JavaScript
Story 3: Identifying performance issues
Story 4: Understanding memory usage
New Features
Links & How to contribute
Q&A
11. Agenda
What is Chrome Developer Tools?
Using Developer Tools
Story 0: Mastering DOM
Story 1: Analyzing Network Activity
Story 2: Debugging JavaScript
Story 3: Identifying performance issues
Story 4: Understanding memory usage
New Features
Links & How to contribute
Q&A
13. Agenda
What is Chrome Developer Tools?
Using Developer Tools
Story 0: Mastering DOM
Story 1: Analyzing Network Activity
Story 2: Debugging JavaScript
Story 3: Identifying performance issues
Story 4: Understanding memory usage
New Features
Links & How to contribute
Q&A
15. Agenda
What is Chrome Developer Tools?
Using Developer Tools
Story 0: Mastering DOM
Story 1: Analyzing Network Activity
Story 2: Debugging JavaScript
Story 3: Identifying performance issues
Story 4: Understanding memory usage
New Features
Links & How to contribute
Q&A
20. Agenda
What is Chrome Developer Tools?
Using Developer Tools
Story 0: Mastering DOM
Story 1: Analyzing Network Activity
Story 2: Debugging JavaScript
Story 3: Identifying performance issues
Story 4: Understanding memory usage
New Features
Links & How to contribute
Q&A
24. Agenda
What is Chrome Developer Tools?
Using Developer Tools
Story 0: Mastering DOM
Story 1: Analyzing Network Activity
Story 2: Debugging JavaScript
Story 3: Identifying performance issues
Story 4: Understanding memory usage
New Features
Links & How to contribute
Q&A
25. Links & How to contribute
http://www.chromium.org/devtools
26. Links & How to contribute
http://crbug.com/new