Via JFSIII, Chrome’s Developer Tools has some useful options hidden in its settings panel. All this time, it has been hiding as that little cog icon in the bottom right.
Personal favorites include Disable cache, Text Editor indent, Dock to right which is ideal for mobile-sized media-query development.
Option + Click on a link in Google Chrome to download the source of the linked page.
Looking under the hood at the Chrome dev tools and user agent styles, I came across some of the source files that power the dev tools
devTools.css is worth taking a look a look at as it has the base styles for the syntax highlighting used in the dev tools. Search for /* inspectorSyntaxHighlight.css */.
If you’re interested in taking a peek, I’d point you to resources.pak located in /Applications/Google Chrome/Contents/YOUR_VERSION/Google Chrome Framework.framework/Resources/resources.pak.
Chrome renders ::-webkit-scrollbar styles on the body in Chrome.
