Autosaving to files in Chrome Dev Tools

Question

I'm watching this Chrome Dev Tools evolution video from Google IO 2012 and then saw this tools called Chrome Dev tools autosave which autosaves the file that is edited from chrome dev tools. I'm on Windows and already have node installed so I only did the following:

1. Install the devtools autosave from here: https://chrome.google.com/webstore/detail/mlejngncgiocofkcbnnpaieapabmanfl/details

2. Installed the server: npm install -g autosave Everything was installed as it says its running on http://127.0.0.1:9104

3. Created a routes.js file and saved it to the folder where I run the installation of the server. Here's what the routes.js file looked like:

   exports.routes = [{
   from: /http:\/\/127.0.0.1\//,
   to: 'D:\/web_files/'
   }];
   

Apparently accessing localhost from Chrome doesn't work(it only works on firefox and other browsers I don't know why) so I have 127.0.0.1 in there instead of localhost And I have this one on the options from the chrome extension:

Any idea what I have missed? It's not working as I tried modifying some styles in a file at:

http://127.0.0.1/tester/css/css1.html

Answer 1

First of all, you don’t need routes.js file. It is not necessary in Autosave version 1.x.

How does the URL of the CSS stylesheet look like? Note that Autosave doesn’t yet work for inline stylesheets (included via <style>).