Google I/O 2011: Chrome Dev Tools Reloaded
Google for Developers2 HN recommenders · recommended in 2 months, 2011–2012
talk · intermediate · 2011–2012 on HN
Paul Irish and Pavel Feldman present the newest Chrome Dev Tools features at Google I/O 2011, including live CSS editing, saving changes, breakpoints and network analysis. It also covers remote debugging.
In 2011 HN people cited it as a convincing introduction that won them over to Chrome's developer tools.
Up next
14 mo on HNWhat the heck is the event loop anyway? | Philip Roberts | JSConf EU
JSConf
16 HN recommender · 2015–2025
13 mo on HNRich Harris - Rethinking reactivity
You Gotta Love Frontend
15 HN recommender · 2019–2026
10 mo on HNCrockford on JavaScript - Volume 1: The Early Years
YUI Library
10 HN recommender · 2013–2022
10 mo on HNRailsConf 2016 - Turbolinks 5: I Can’t Believe It’s Not Native! by Sam Stephenson
Confreaks
6 HN recommender · 2017–2020
10 mo on HNJavaScript: The Good Parts
Google TechTalks
11 HN recommender · 2009–2020
9 mo on HNPete Hunt: React: Rethinking best practices -- JSConf EU
JSConf
9 HN recommender · 2014–2025
8 mo on HNDan Abramov - Live React: Hot Reloading with Time Travel at react-europe 2015
ReactEurope
12 HN recommender · 2015–2022
7 mo on HNHey Underscore, You're Doing It Wrong!
InfoQ
9 HN recommender · 2014–2022
6 mo on HNChris McCord - Keynote: Phoenix LiveView - Interactive Apps without Javascript - ElixirConf EU 2019
Code Sync
4 HN recommender · 2019–2024
6 mo on HNOAuth 2.0 and OpenID Connect (in plain English)
OktaDev
7 HN recommender · 2019–2026
6 mo on HNJake Archibald on the web browser event loop, setTimeout, micro tasks, requestAnimationFrame, ...
JSConf
7 HN recommender · 2018–2023
6 mo on HNRiftSketch: Live coding in VR with the Oculus Rift, Firefox WebVR, JavaScript and Three.js
Brian Peiris
5 HN recommender · 2014–2020
3 comments from Hacker News
I am Sold. I am switching to WebDev tools. If anyone needs an intro, here is video of session done during Google I/O 2011 -> Google I/O 2011: Chrome Dev Tools Reloaded ▶ this video Btw, Paul Irish is co-presenter ;)
Here ya go, in video too (Google I/O) ▶ this video Also has a part on remote debugging which the article doesn't.
Yes. You can edit CSS in Resources panel ( ▶ this video ) and JS in both Resources and Scripts panels. It doesn't have any code completion yet. Also, you have to double click to enter edit mode (I don't know why link ).