Google chrome devtools 自动保存到Chrome开发工具中的文件

我正在观看Google IO 2012上的Chrome Dev Tools evolution视频，然后看到了这个名为Chrome Dev Tools autosave的工具，它自动保存从Chrome Dev Tools编辑的文件。 我在Windows上，已经安装了node，因此我只执行了以下操作：

从此处安装devtools autosave：

安装了服务器：

npm安装-g autosave

所有的东西都是按照它所说的安装的

运行在http://127.0.0.1:9104

创建了routes.js文件并将其保存到运行服务器安装的文件夹中。下面是routes.js文件的外观：

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

显然，从Chrome上访问

localhost

是不起作用的（它只在firefox和其他浏览器上起作用，我不知道为什么），所以我把

127.0.0.1

放在那里，而不是

localhost

我在chrome扩展的选项中有一个：

你知道我错过了什么吗？当我尝试在以下位置修改文件中的某些样式时，它不起作用：

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

---

首先，您不需要routes.js文件。在Autosave 1.x版中不需要它

---

CSS样式表的URL是什么样子的？请注意，Autosave还不能用于内联样式表（通过

包含）。

我是Mac OSX用户，必须安装Autosave才能工作。 以下是我遵循的步骤： 1） 安装nodejs 2） 在终端中运行此命令

sudo npm install -g autosave
sudo npm run-script -g autosave autostart

3） 启用实验扩展API 4） 从chrome扩展插件安装AutoSave扩展插件 5） 关闭chrome，重启笔记本电脑

您可以通过在终端中键入“autosave”来验证autosave是否正常工作，您将得到如下结果：

saba$ autosave
http://127.0.0.1:9104 is already in use. Exiting.

---

多田！！您已经准备好使用Autosave了。

我正在使用外部样式表：我也在ubuntu上尝试过这个样式表，但它也不起作用。再说一遍，样式表的URL是什么样子的？还有，试试吧，谢谢！现在可以了。在安装扩展之前，我忘了在chrome上启用实验性扩展API。谢谢你的这个工具。