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
3:19
This doesn’t work for me. It won’t let me click on the code and edit it.
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.
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?
good
Bit old, but handy look at the Chrome Developer Tools (by +Paul Irish).
It’s under 5 minutes, so no excuses!
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!
handy tricks.
<5 minutes well spent. I've learned a few things (`copy()`, `inspect()`
etc.). Great stuff.
*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!
A very useful video on using the Chrome Developer tools. I learned a few
things most certainly and I thought I knew a lot.
Chome Developper Tools is just awesome ! :)
Great overview of nifty dev tricks for Chrome
$0 is a cool feature
*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
The tips.
how do you use this on cartown on facebook
This is slightly different then the dev tools you get in Webkit
WITCH CRAFT
this looks easy i willl try it out
Big ups to Paul for keeping his ‘umm’s under control. =) /tease
Well by all means don’t elaborate.
I love the $0 feature.
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.
#Chrome is awesome
*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
Excellent tips to get more out of the Chrome Web Inspector
Chrome dev tools are awesome. Anyone who still uses the term “Firebug” owes
it to themselves to check out this video.
in #google #chrome #googlechrome #webdevelopment #js #javascript
For all the people who want to know what the chrome dev tools can do!
Ein sehr interessantes Video, was die Chrome DevTools so können.
I got this from the Paul Irish page. For anyone who wants to look under the
hood of your browser, here is a classic tutorial on Chrome Developer Tools.
You’ll want to step through the slides when you’re done:
http://bit.ly/devtools-tips
Nice tips
#devtips
*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!
Eine Sammlung an Artikel und Videos für die Nutzung von *Chrome Developer
Tools*.
http://web-design-weekly.com/2012/11/20/keeping-up-with-chrome-developer-tools/
#Webdev
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
Where can we download the slides?
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
Go to 0:59 and there will be a pop up link that says “Click to view slides”
Chrome Dev Tools
great video but @GoogleDevelopers: you really need to stop showing the
footer from time to time, it hides the bottom part of the screen….