自动刷新浏览器以响应文件系统更改？答案

【问题标题】：Automatically refresh browser in response to file system changes?自动刷新浏览器以响应文件系统更改？
【发布时间】：2011-03-19 14:02:43
【问题描述】：

在进行 Web 开发时，您经常进行更改然后刷新浏览器。有没有一种简单的方法可以让守护进程监听文件系统中的变化，并在有守护进程时向 Firefox 或 Safari 发送刷新消息？

这将真正改善您的工作流程和重点。您可以让您的浏览器在一个单独的屏幕中运行，并且当您处理与 UI 相关的更改时，它会在您工作时自动刷新。

这就像在做 TDD 时使用自动测试。（见http://github.com/svoop/autotest-fsevent）

有人做过吗？

【问题讨论】：

【解决方案1】：

从浏览器不，据我所知，这不太可能。您可以添加间隔 javascript 以每 x 秒刷新一次页面。但说实话，Ctrl+R 还不够适合看变化吗？

【讨论】：

【解决方案2】：

我可以想办法为 Firefox 做到这一点。您安装MozRepl plugin。然后，您可以启动它并远程登录到端口 4242（默认情况下）并通过它控制浏览器。 Javascript 命令。发出BrowserReload() 将重新加载当前选项卡。

现在，添加一个编辑器挂钩，以便在保存当前项目中的任何文件时执行此操作，并且会得到处理。我相信周围有一些 sn-ps 已经这样做了。

我不经常使用 Safari 或 Chrome，所以我不知道那里的选项。

另外，我不确定这真的是个好主意。我不希望我的浏览器在每个文件保存时刷新。我通常对后端、css 甚至图像进行大量更改，然后当我准备好时，重新加载浏览器选项卡。这不是每次保存。无论如何，这会做你想要的。

【讨论】：

emacs 集成的好处在于它可以按文件类型进行。因此，如果您正在调整 CSS 或 HTML 文件，它会在您处理文件时更新。这样做并不总是一个好主意。但是，如果您在前端更改方面做了大量工作，我可以看到这非常方便。我相信，主要的好处是增加了注意力。切换似乎没什么大不了的，但我已经看到了自动测试在 TDD 中的不同之处，有时这样的事情可能会产生重大影响。努法尔，谢谢！