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

Question

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

从这里安装 devtools 自动保存:https://chrome.google.com/webstore/detail/mlejngncgiocofkcbnnpaieapabmanfl/details

安装服务器:npm install -g autosave一切都按照它所说的那样安装了running on http://127.0.0.1:9104

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

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

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



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

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

Answer 1

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

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