Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Google Developer Day 2010 Japan: Google Chrome の Developer Tools (ミカイル ナガノフ, アレクセイ マステロフ)

on

  • 2,903 views

このセッションでは Google Chrome の Developer Tools ...

このセッションでは Google Chrome の Developer Tools が持つインスペクトやデバッグ、チューニング、プロファイラなどの豊富な機能を解説します。また、Developer Tools の機能がどのように組み込まれているか、実装面についてもご紹介いたします。

Statistics

Views

Total Views
2,903
Views on SlideShare
1,713
Embed Views
1,190

Actions

Likes
3
Downloads
8
Comments
1

14 Embeds 1,190

http://googledevjp.blogspot.jp 638
http://googledevjp.blogspot.com 537
http://paper.li 2
http://googledevjp.blogspot.nl 2
http://googledevjp.blogspot.de 2
http://googledevjp.blogspot.com.au 1
http://momosoft-proxy-server.appspot.com 1
http://static.slidesharecdn.com 1
http://rrdsaas.appspot.com 1
http://googledevjp.blogspot.com.es 1
http://googledevjp.blogspot.ru 1
http://googledevjp.blogspot.tw 1
http://atgapps.appspot.com 1
http://googledevjp.blogspot.co.uk 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Google Developer Day 2010 Japan: Google Chrome の Developer Tools (ミカイル ナガノフ, アレクセイ マステロフ) Google Developer Day 2010 Japan: Google Chrome の Developer Tools (ミカイル ナガノフ, アレクセイ マステロフ) Presentation Transcript

    • Google Chrome Developer Tools Mikhail Naganov Alexei Masterov software engineer product manager mnaganov@google.com masterov@google.com
    • 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
    • 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
    • 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
    • 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
    • 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
    • Elements Panel
    • 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
    • Resources Panel
    • Resources Panel (continued)
    • 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
    • Scripts Panel
    • 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
    • Timeline Panel
    • 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
    • Profiles Panel
    • Storage Panel
    • Audits Panel
    • Console Panel
    • 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
    • New Features Open DevTools in "Inspect Element" mode: < > + <SHIFT> + C <CTRL> + <SHIFT> + C
    • New Features Live editing of JavaScript
    • New Features DOM Breakpoints
    • 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
    • Links & How to contribute http://www.chromium.org/devtools
    • Links & How to contribute http://crbug.com/new
    • Спасибо! ありがとうございます! Danke! Thank you! Q&A