Google Chrome Developer Tools: 12 Tricks to Develop Quicker

[kokoloism]

Chrome dev tool is really great and I found a way to customize it on my own (dark color scheme,bigger font...)I didn't know how to do that in Firebug.

[nomsdeguerre]

I am such a noooooob



[dalisdilemma]

5 people still uses IE6!

[DarkorbitPUNKTde]

Not Found

Error 404

[GreenyLiveshow]

Wow Thank you for this Tips Google Developers I love you.

[christianagacite]

4 people uses FIREFOX. I agree this is the most quicker way to develop chrome. Thanks Paul!

[123Cheeseisawsome]

how do you save stuff when/if you change things

[bayXSonic]

Jesus christ I've never used any of these features. WebKit FTW!

[bobxubo]

btw, live editng js does not seem to work.

[Mopshond000]

can you save if you have a text changes?

[Gorgorous96]

How can I save the edited stuff in "inspect element" ?

[Ormaaj]

Is there a way to pipe output from the repl over to something else? Say... evaluate expression and get it into Vim easily? Is there some socket based interface?

[zoozoo4all]

but in fire bug we can save it , but in chrome there is no option to save , if anyone know please tell me

[jredwilli]

I love the $0 feature.



[shmuelix]

If you are looking to develop an extension for chrome but also make it work with firefox and IE you need to take a look at the Crossrider extensions development framework

[NLKNguyen]

3:08 "Author Quang Nguyen", a Vietnamese. It's nice :)

[panadesu]

Its very tempting to change to Chrome, i just love firefox so much :(

[dandymcgee]

@panadesu Nobody is stopping you from using both! That's what I do. : )

[zoozoo4all]

@panadesu you can use fire bug it's far better then chrome devtools

[labobo]

more Chrome Developer videos please

[daniiboyy]

awesome!!!

[iCornyJoke]

woah, the view count is 13371=iLeet

[statikeffeck]

nice overview. I am so used to using Firebug with Firefox which is why I haven't switched to Chrome for development purposes. With Firebug, I can press a key shortcut to start the inspection tool. Is such a thing possible with Chrome dev tools?

[tpcastify]

Chrome is the best!!!!

[tpodmani]

Thanks to Paul I switched to Chrome few months ago and I like it!

[W1z3k]

yayPaul_Irish!

[grammatikarium]

In his spare time, Paul Irish surfs on gigantic sand worms.

[6006133]

Line 137? You are missing a 3!

[cvsguimaraes]

@6006133 LOL u right

[chazmowy]

will be hard to switch from firebug, but since im using chrome for browsing the web ill give it a chance

on the other hand thumbs up for paul the yayquerian ;)

[senoctar]

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.

[jackmosley06]

this looks easy i willl try it out

[whrana1]

fire big?

[maximumfish]

I would be really nice, if the developers could make the CSS-part of the devtools as editable and accessible as in firebug. That would be a really helpful.

[nowzadick]

?omgpaul

[SAMY2690]

my only probleme with chrome is : he crashes a lot in my windows machine (Windows 7) and i don't know why o_O

[spreadopulence]

Big ups to Paul for keeping his 'umm's under control. =)  /tease

[cataclysmichael]

I love Google. Chrome, Android, Gmail... everything.

Just had to get it out. Sorry.

[cruxst]

Paul English, this is the best video ever.

[javascripterrific]

Thanks Paul for this informative video. I enjoy the humor in your jQuery source vids a lot more tho.

To other commenters who think Firebug is better your seriously delusional. Chrome devtools is far superior in speed, usability and pragmatic features. I work on a team developing JavaScript RIAs with over 100k lines and Firebug crashes immediately or is unusably slow due the size of the codebase making it useless for large RIA development.

[MagicSunshine]

I was a firebug user and I must say it was hard to switch to chrome, but once you get comfortable with it it has a lot of awesome features (even more if you are in the dev channel).

also, go paul! :)

[TheDarkInovator]

wow nice info, thank you!

[enapupe]

chrome devtools rocks! I was a firebug user until the dev channel got the network tab .. now I can't live without it anymore, it's the best!

[fantasyfight123]

firebug powns everything but the chrome dev tools are not bad eigther... but just not that god i think

[thehungrycannibal]

Firebug rocks! :)

[mxcoder]

Loved the $0 reference, thanks!

[mckoss]

Cool demo. Now it explains why '$' in the console doesn't work as jQuery sometimes. When I am in a breakpoint, I found that I could not use '$' but had to use 'jQuery' to execute some selectors to see what they were evaluating to.

[IMPMAC]

This is slightly different then the dev tools you get in Webkit

[paulirish]

@IMPMAC There are a few differences between Webkit Nightly (which is basically Safari Nightly) and Chrome Dev Channel, but most of these features are shared. Some ones unique to Chrome are inline script editing, expanded networking info, Heap snapshots and much better view-source.

[zlatkoseha]

firebug :D :D

[FASKSA]

i dont know about developing apps but i thing im gonna try it

[novaatje]

Learned some new awesome things, thanks!

[veers0r]

Very helpful, thanks!

[grauaas]

i didn't understand any of those symbols and nubers, but I though watched the video till the end :)

[1kalekip1]

@grauaas HTML (Hyper Text Markup Language) the basics of 'how to be a pc nerd'.

[1kalekip1]

P.S. I meant 0:28 and that's very usefull for inspect the 'virus sites'

(Never download .exe files directly is my tip :))

[RTStaniforth]

Chrome has the nicest developer tools by far. It's the little things that count. I learn't a few things from this video which will make the experience even better.

[decipherDude]

@RTStaniforth show me how i can add new style property to an existing rule and i'm sold

[NikaziO14]

Cool thanks!