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

时间:2013-08-19 03:21:13

标签: javascript html css emacs

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

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

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

3 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:3)

选项1,按间隔刷新浏览器:

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

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

选项2,firefox插件刷新文档更改:

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

选项3,从Emacs,vim或shell脚本刷新页面:

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

答案 2 :(得分:2)

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

$grunt server 

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

它还运行指南针,单元测试,uglifies&amp;连接,做菜,遛狗,你的名字。然后“$ grunt build”创建要部署的完整发行版。

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