google-chrome-devtools - 在 Chrome 开发工具中自动保存到文件

Question

我正在观看 Google IO 2012 的 Chrome 开发工具演变视频，然后看到了这个名为 Chrome 开发工具自动保存的工具，它会自动保存从 Chrome 开发工具编辑的文件。 我在 Windows 上并且已经安装了节点，所以我只做了以下操作:

1. 从此处安装开发工具自动保存:https://chrome.google.com/webstore/detail/mlejngncgiocofkcbnnpaieapabmanfl/details

2. 已安装服务器:npm install -g autosave 一切均已安装，正如它所说的在 http://127.0.0.1:9104 上运行

3. 创建了一个routes.js 文件并将其保存到我运行服务器安装的文件夹中。这是routes.js 文件的样子:

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

显然从 Chrome 访问 localhost 不起作用(它只适用于 Firefox 和其他浏览器，我不知道为什么)，所以我在那里有 127.0.0.1而不是本地主机 我在 chrome 扩展的选项中有这个:

知道我错过了什么吗？当我尝试修改文件中的某些样式时，它不起作用:

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

Answer 1

首先，你不需要routes.js文件。在自动保存版本 1.x 中不需要。

CSS 样式表的 URL 是什么样的？请注意，自动保存尚不适用于内联样式表(通过 <style> 包含)。