Advanced Google Chrome Logging

tldr;

Run in terminal:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --enable-logging --v=1&
tail -f ~/Library/Application\ Support/Google/Chrome/chrome_debug.log

If you are wondering how to know just about everything that Google Chrome is doing, you can enable verbose logging to a file. If you are running on a Mac, you can follow similar steps to launch Google Chrome in verbose logging mode.

  • Make sure Google Chrome is not already running
  • Open Terminal
  • Find path to Google Chrome that most closely resembles the following

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome

  • Once verified, launch Google chrome with verbose logging flag by running verified path with flags

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --enable-logging --v=1

  • Find logging file, chrome_debug.log, that most likely lives at

~/Library/Application\ Support/Google/Chrome

  • Watch the file for updates using tail or some other application

tail -f ~/Library/Application\ Support/Google/Chrome/chrome_debug.log

This is using Google Chrome version 21

Google Chrome Logging
Google Chrome Logging

 

Google Chrome logging to Terminal
Google Chrome logging to Terminal

Web Resources:

http://www.chromium.org/for-testers/enable-logging
http://peter.sh/experiments/chromium-command-line-switches/
http://superuser.com/q/157484/2861

Disable Google Chrome Cache

Tired of Google Chrome cacheing resources while you are trying to build a web app or site?

(Updated! 2014-10-09)

Here is how you can disable the Google Chrome cache (using version 30):

  • open developer console
  • click settings gear in bottom right
  • check “Disable cache (while DevTools is open)” in General settings

chrome dev tools settings

chrome dev tools disable cache

———————-

Here is how you can disable the Google Chrome cache:

  • open developer console
  • click settings gear in bottom right
  • check “Disable cache” under Network heading

How to disable Google Chrome cache

This is as of version 14

Webkit Search Input Styling

Default webkit search input styling versus normalized
I recently needed to have a search input look the same on Firefox and Chrome. Chrome does some fancy styling when you use a search type input which is great but sometimes you need it to be the same everywhere. I was able to get it to look the same by employing the following styling:

input[type=search] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}

If you are using a webkit based browser you can checkout the live demo at -> http://mikegrace.s3.amazonaws.com/geek-blog/webkit-search-input-example.html