如何在编辑CSS时自动刷新我的网站？

Question

我正在从emacs中处理HTML / CSS / JavaScript。 我的工作流程目前

Make a change -> Alt-Tab to browser -> F5 (refresh) -> Alt Tab to emacs

是否存在可以在更改时自动刷新浏览器的扩展？ 或者，当我从emacs中点击一个组合键时，可能是一个更好的主意？

Answer 1

我已经尝试了不耐烦的模式 ，它很适合我需要的东西。 它还可以扩展为执行以下操作，例如，在iframe中显示正在编辑的缓冲区的内容以及其他缓冲区等。

Answer 2

选项1，按间隔刷新浏览器：

通过在html文档中添加单个元标记，您可以指示浏览器以指定的间隔秒数自动刷新：

<meta http-equiv="refresh" content="3" />

选项2，firefox插件刷新文档更改：

一个名为XRefresh的 Firefox附加组件将监视您的项目文件夹，并且每次检测到源文件发生更改时，它都会重新加载Firefox。

选项3，从Emacs，vim或shell脚本刷新页面：

有一个名为IMACROS的firefox插件 ，允许您定义一个脚本，该脚本将从磁盘上的文件远程控制firefox。 您可以创建一个远程控制脚本，然后编写Emacs，vim或shell脚本以告诉firefox在您准备好时运行远程控制脚本，从而刷新页面。 您需要创建一个键盘钩子以在保存时启动脚本。

Answer 3

我使用Yeoman ，它可以帮助您构建使用Grunt和命令的Web应用程序

$grunt server 

这是一个简单的设置，可以实现“livereload”。 然后我设置了我的本地主机或者IP：9000，它可以在保存所有观看文件（scss，js，coffee，html）等文件后实时重新加载本地网络中的任何设备。所以你可以看到网站在保存后没有变化仅在您的桌面上，但您的平板电脑，移动设备，跨浏览器，智能电视等。

它还运行罗盘，单元测试，uglifies和连接，做菜，遛狗你命名。 然后“$ grunt build”创建要部署的完整发行版。

值得一看，这是一个设置，我有一些障碍，但你得到的回报真是太棒了。