How can I read Chrome Cache files?

EDIT: The below answer no longer works see here

In Chrome or Opera, open a new tab and navigate to chrome://view-http-cache/

Click on whichever file you want to view.You should then see a page with a bunch of text and numbers.Copy all the text on that page.Paste it in the text box below.

Press "Go".The cached data will appear in the Results section below.

Try Chrome Cache View from NirSoft (free).

EDIT: The below answer no longer works see here

Chrome stores the cache as a hex dump. OSX comes with xxd installed, which is a command line tool for converting hex dumps. I managed to recover a jpg from my Chrome's HTTP cache on OSX using these steps:

1. Goto: chrome://cache
2. Find the file you want to recover and click on it's link.
3. Copy the 4th section to your clipboard. This is the content of the file.
4. Follow the steps on this gist to pipe your clipboard into the python script which in turn pipes to xxd to rebuild the file from the hex dump:https://gist.github.com/andychase/6513075

Your final command should look like:

pbpaste | python chrome_xxd.py | xxd -r - image.jpg

If you're unsure what section of Chrome's cache output is the content hex dump take a look at this page for a good guide: http://www.sparxeng.com/blog/wp-content/uploads/2013/03/chrome_cache_html_report.png

Image source: http://www.sparxeng.com/blog/software/recovering-images-from-google-chrome-browser-cache

More info on XXD: http://linuxcommand.org/man_pages/xxd1.html

Thanks to Mathias Bynens above for sending me in the right direction.