2

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

  1. 从这里安装 devtools 自动保存:https ://chrome.google.com/webstore/detail/mlejngncgiocofkcbnnpaieapabmanfl/details
  2. 安装了服务器:npm install -g autosave一切都按照它所说的那样安装running on http://127.0.0.1:9104

  3. 创建了一个 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
4

2 回答 2

3

首先,您不需要 routes.js 文件。在 Autosave 版本 1.x 中没有必要。

CSS 样式表的 URL 是怎样的?请注意,自动保存还不适用于内联样式表(通过 包含在内<style>)。

于 2012-07-20T19:57:49.423 回答
0

我是 Mac OSX 用户,我必须安装nodejs才能自动保存。这些是我遵循的步骤:1)安装 nodejs 2)在终端中运行此命令

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

3)启用实验扩展 API 4)从 chrome 扩展安装 AutoSave 扩展 5)关闭 chrome,重新启动笔记本电脑

您可以通过在终端中键入“自动保存”来验证自动保存是否正常工作,您将得到如下信息:

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

多田!!您已准备好使用自动保存。

于 2014-01-22T04:04:29.803 回答