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

Javascript 如何在编辑CSS时自动刷新我的站点?,javascript,html,css,emacs,Javascript,Html,Css,Emacs,我正在emacs中处理HTML/CSS/JavaScript。我的工作流程目前正在运行 Make a change -> Alt-Tab to browser -> F5 (refresh) -> Alt Tab to emacs 是否存在可在更改时自动刷新浏览器的扩展?或者,可能是一个更好的主意,当我在emacs中点击一个组合键时?选项1,按间隔刷新浏览器: 在html文档中添加单个元标记后,您可以指示浏览器以指定的间隔秒数自动刷新: <meta http-equiv

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

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

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

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

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

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

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

一个名为Firefox的插件将监视您的项目文件夹,并且,每当它检测到源文件的更改时,它将重新加载Firefox

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

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

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

$grunt server 
这是一个启用“livereload”的简单设置。然后,我设置了我的localhost,或者更确切地说是IP:9000,它可以在保存所有关注的文件(SCS、js、coffee、html)等时实时重新加载本地网络中的任何设备。因此,保存后,您不仅可以在桌面上看到站点更改,还可以在平板电脑、移动设备、跨浏览器、智能电视等上看到站点更改

它还可以运行指南针、单元测试、丑化和连接、洗碗、遛狗等。然后“$grunt build”创建要部署的完整发行版

值得一看,这是一个设置,我有一些障碍,但你得到的回报令人惊讶。

我已经尝试过,它很好地满足了我的需要。它还可以扩展,例如,在iframe中显示正在编辑的缓冲区的内容以及其他缓冲区等。

可能的重复:您可以查看的视频。