Google Chrome Developer Tools: 12 Tricks to Develop Quicker

Google Chrome Developer Tools: 12 Tricks to Develop Quicker

In this video, Paul Irish, a Chrome developer advocate, presents 12 tips and tricks on how to use Chrome’s developer tools. To learn more visit code.google.c…
Video Rating: 4 / 5

Your browser is one of the most and best instrumented development platforms — you may just not realize it yet. In this episode we’ll take a whirlwind tour o…
Video Rating: 4 / 5

42 thoughts on “Google Chrome Developer Tools: 12 Tricks to Develop Quicker

  1. Come on +Paul Irish and Google guys, show some respect to deaf / hard of
    hearing people and stop speak too fast! Or at least provide a slow down
    button as provided in many other places.
    It’s difficult to follow both captions and screen demonstrations at a fast
    pace you know..

    Google shouldn’t just be a leader, but act as one too.

  2. Question: I want to make a few small html tweaks using inspector such as

    to an

    and I need to know how to save those change after I made
    them. When I go to resources all I can find is php codes. I need to figure
    out how to find where the actually html line was written to make the
    changes. Any thoughts? 

  3. Bit old, but handy look at the Chrome Developer Tools (by +Paul Irish).

    It’s under 5 minutes, so no excuses!

  4. For my dev friends out there (and the general public that is
    interested)…if you didn’t already know this stuff, it’s good stuff to
    know! Chrome dev tools are awesome!

  5. *If your a web developer and haven’t watched this yet you should do
    yourself a favour and check out **+Paul Irish**’s great video on the Chrome
    Developer Tools*

    It’s only 5-minutes long but there are lots of great tips in here like how
    to interact with and inspect the DOM from the console, and how to break
    your JavaScript automatically on exceptions. Plus 10 others I’ve rarely
    seen covered. Great work!

  6. A very useful video on using the Chrome Developer tools. I learned a few
    things most certainly and I thought I knew a lot.

  7. *12 Google Chrome Developer Tool Tricks to Develop Quicker*

    If you use Chrome for web development, you might not realize you can do
    more than just inspect elements. Here are 12 tips to help you develop
    faster. Some of these tips are for the nuclear powered pocket protector
    crowd, but inspecting cookies and setting break points for script code are
    pretty practical tips, http://youtu.be/nOEw9iiopwI

  8. Chrome dev tools are improving fast, just a couple of months ago they
    couldn’t do much. Now they’re close to firebug. Also it’s nice to have all
    these new features that firebug doesn’t, not like on IE8 where the tools
    are just a poor-made copy of firebug.

  9. *Wait, Chrome DevTools could do THAT?* – this episode provides a whirlwind
    tour of how to analyze network performance, rendering and layout pipeline,
    as well as detecting memory leaks in your JavaScript, and using audits and
    extensions to build faster apps!

    Slides @ bit.ly/devtools-tips

  10. Chrome dev tools are awesome. Anyone who still uses the term “Firebug” owes
    it to themselves to check out this video.

  11. *Wait, Chrome Dev Tools could do THAT?*
    Streamed live on Nov 7, 2012
    Your browser is one of the most and best instrumented development platforms
    — you may just not realize it yet. In this episode we’ll take a whirlwind
    tour of how to analyze network performance, rendering and layout pipeline,
    as well as detecting memory leaks in your Javascript code, and using audits
    and extensions to build faster and better apps!

  12. hey paul, why i am not able to edit the javascript which is included in jsp
    page….but i am able to edit the js page when its stored in separete js
    page

  13. use developer tool, Go to Network, search for videoplayback, click on it,
    check the Request URL on the right part, open the url, you can download any
    video. make sure you are using html5 format for youtube

  14. great video but @GoogleDevelopers: you really need to stop showing the
    footer from time to time, it hides the bottom part of the screen….

Leave a Reply to senoctar Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.