More Google I/O 2011 goodness. This one’s all about Chrome Dev Tools, given by Paul Irish & Pavel Feldman.
Chrome dev tools is starting to look pretty amazing. Some of the stuff demonstrated are the powerful inline editing capabilities of CSS and JS. Combined with a save feature back to the source file, it pretty much allows you to debug and tweak right in the browser, bypassing the IDE entirely in a lot of cases.
Some other things demonstrated:
- The timeline pane which breaks down every thing that happens with your page, from request to timers to events, into minute detail
- How to use the debugger + timeline to quickly understand what is going on on a page, even if starting from 0 knowledge of the code.
- How to make Chrome run as a actual server, to which you can connect another instance of Chrome and use the Chrome Dev Tools remotely. This is useful with mobile development.
Useful links:
- Chrome Developer Tools Docummentation
- A list of commands available on the Firebug and Chrome Developer Tools command line.
