Google Chrome has a Firebug-like feature where you click on a page element and choose "Inspect Element".
I am always jumping into the Resources view to look at HTTP requests.
Is there a keyboard shortcut to open this tool?
Google-chrome – Google Chrome: keyboard shortcut to view Resources / Inspect Element
google-chrome
Related Solutions
Inspect Element is Chrome's version of Firebug. It's not quite as full-featured, but it is still a very useful tool.
Make sure that the Resource tab is enabled - if it isn't, you won't be getting any load times. Click the big "Enable resource tracking" button.
While I haven't found the exact solution to this problem, I did come up with a one-liner that can be put in a page (or pasted in the Javascript console) to achieve my goal:
jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });
This will cause execution to be paused when you hit F12.
(debugger is a JavaScript statement that forces a breakpoint.)
Update: Dev Tools has many built-in shortcuts (press F1 for a list), but you must be focused in the Dev Tools window for them to work. Pausing script execution is F8 (when looking at the Sources tab, as of Chrome 45) or Ctrl+/.
The above one-liner might still be useful if you need to stay focused in the page before pausing.
Best Answer
I just discovered that Ctrl + Shift + I and Ctrl + Shift + C works. Just like Firebug.
On OS X, that's Command + Option + I or Command + Shift + C.