Question

When you drag a folder into chrome (Im sure its pretty much the same in other browsers to), is it then possible to change how the contents of that folder is presented with css/html/javascript or other ways?
Ive read a bit about the html5 file API but im not sure if that applies to this?

Just thought it would be cool if you could, never seen anything written on the subject thou

Answer 1

You can change how file:// directories render in the browser using Chrome extensions. By using content scripts, you can inject CSS and JavaScript into any page, including file:// pages. Put a simple manifest.json file in a new directory:

{
    "name": "Style My Directories",
    "version": "1.0",
    "content_scripts": [
      {
        "matches": ["file:///*"],
        "css":["my_styles.css"]
      }
    ]
}

Also put your CSS file, named my_styles.css, in the same directory as manifest.json.

Finally, go to chrome://extensions, enable “Developer Mode”, and import your new extension directory with the “Load unpacked extension…” button.