Chrome Development Tool Videos

Video Videos

The following video will help you learn about Google Chrome's development tools:

Begin

The following video describes how to get started with development tools, panels within the development tools window, and interactive consoles.

Video address: https://www.youtube.com/watch?v=7cqh7MGLgaM

Detect elements and resources

The following video shows how:

• Check the components
• Change the style properties
• DOM property editing
• View and edit location measures
• View the timeline of network activity
• View XHR information.

Video address: https://www.youtube.com/watch?v=Mhb4n0yGYT4

Debug JavaScript

The following video shows how the V8 debugger of the graphical interface is tested:

• Set a break point
• Time out
• Scale through code
• Execute the code
• View the current call stack and range variables

Video address: https://www.youtube.com/watch?v=c_oiQYirKuY

Analysis and optimization

The following video shows how to use the built-in CPU and heap analyzer to help you optimize your code by understanding the resources spent there.

Video address: https://www.youtube.com/watch?v=OxW1dCjOstE

Timeline panel

The following video shows how to use the timeline panel to get information and how time is consumed when you load a web application or page.

Video address: https://www.youtube.com/watch?v=RhaWYQ44WEc

Become a user who uses the JavaScript console

Improve your knowledge of Chrome development tools, look at XHR requests, and learn console helpers to better monitor events or objects. P aul Irish of the Chrome team will introduce you.

Video address: https://www.youtube.com/watch?v=4mf_yNLlgic

2011 Google IO Conference

The video below was recorded during a discussion of Chrome development tools at Google IO 2011 IO.

Video address: https://www.youtube.com/watch?v=N8SS-rUEZPg

2010 Google IO Conference

The following video was recorded during the Chrome Development Tool session at the 2010 Google IO conference.

Video address: https://www.youtube.com/watch?v=TH7sJbyXHuk

2012 Google IO Conference: The Evolution of Chrome Developer Tools

Here's an overview of the features of pavel Feldman and Sam Dutton's latest development tools: mobile debugging, editing, new timesheet "frame mode" and more.

Video address: https://www.youtube.com/watch?v=3pxf3Ju2row