Notes on Google Chrome's dev tool

2014-01-13 12:32 | Source

C-[ or C-] to switch panel
C-S-J to toggle dev tools and focus Console panel, see command line reference
C-S-I to toggle dev tools, then C-o to switch to Sources panel if needed
C-S-C to open dev tools and focus on Elements panel
See https://developers.google.com/chrome-developer-tools/docs/shortcuts for all hot keys
See https://developers.google.com/chrome-developer-tools/docs/javascript-debugging
Click here for test

I don't use hotkey F1~F12 because my windows manager is different from most developers
live editing does not work on Chromium 30.0.1599.114 Built on Ubuntu 13.04. Anyway, I don't need this functionality
hotkeys of "Continue" button in Sources panel does not work on Chromium 30.0.1599.114 Built on Ubuntu 13.04.
"Break on" inspected element is extremely useful