Google Chrome Developer Tools: 12 Tricks to Develop Quicker

preview_player
Показать описание
Рекомендации по теме
Комментарии
Автор

Paul English, this is the best video ever.

cruxst
Автор

It was 10 years ago, but it's still useful. Thank you!

timofeyshidlovskii
Автор

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!

enapupe
Автор

I'm a dimwit and I've been doing this stuff for 6 years. The basics are very easy if you don't start off with old and outdated information. From there it's just making time to use it until you understand it. Then take baby steps into the areas you don't understand. It helps to have an actual need that can only be met by learning something new.

myztazynizta
Автор

Just after 3:00, Paul uses the "Scripts" tab which is now called the "Sources" tab.
Very helpful video, thanks.

sawyermerchant
Автор

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.

RTStaniforth
Автор

Keep at it Bobby, if you learn just 1% more every day that is quite a bit of compounded interest over the course of a year! If you can get really good at one area of web development you have the opportunity to enter a very niche market that is currently starved of great talent.

ElijahLynn
Автор

You copy and paste it into notepad or into where ever. There are plugins out there as well that may let you save it.

SelfStirringPot-com
Автор

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

tpodmani
Автор

Question: I want to make a few small html tweaks using inspector such as <h2> to an <h3> 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?  

KimberlyHargis
Автор

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?

statikeffeck
Автор

"for whatever reason, nobody ever takes this stuff seriously" - cracked me up. I dont know how many times in a week I say that in my own lane of IT..

seanb
Автор

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! :)

milanga_here
Автор

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.

maximumfish
Автор

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.

MikeKoss
Автор

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.

senoctar
Автор

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.

kokoloism
Автор

3:19
This doesn't work for me. It won't let me click on the code and edit it.

Coolpool
Автор

can you save if you have a text changes?

Mopshond
Автор

can you right click on an element and then find the css related to it ?

rw