Friday, May 3, 2013

FileSystem inspector in Chrome Dev Tools

I love Chrome, but some features are hidden so deep that if you find them once, you are not sure you'll remember where there were.

So, you are playing with HTML5 FileSystem API and you need to see if Chrome created/saved/deleted your files or folders. There are few tricks that suppose to make your life simpler, but ... they didn't work for me because I my application is not a regular web page but Packaged App. That's why I was so happy to see that Chrome Developer Tools now include FileSystem inspector.

Here is how to enable FileSystem inspector:
- Go to chrome://flags/ and enable "Enable Developer Tools experiments"
- Restart Chrome
- Open Developer Tools and click on Resources tab.
- Click Setting (gearwheel icon at the bottom right corner), then "Experiments", and then "FileSystem inspection":


- You may need to restart Chrome again. After that you should see "FileSystem" option on "Resources" tab:


Cheers!