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

3

我正在使用emacs编辑器进行HTML/CSS/JavaScript开发。目前我的工作流程如下:

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

有没有任何扩展可以在更改时自动刷新浏览器?或者,可能更好的想法是,当我从emacs中按下组合键时?

可能重复:http://stackoverflow.com/questions/3309599/automatically-refresh-browser-in-response-to-file-system-changes - Eric Leschinski
3个回答

6

我尝试过使用impatient-mode,它可以满足我的需求。它还可以扩展一些功能,例如,在编辑缓冲区时,在一个iframe中显示当前缓冲区的内容以及其他缓冲区的内容等。


你可以查看 impatient-mode in action 的视频:http://youtu.be/QV6XVyXjBO8。 - aculich

5

选项1,定时刷新网页

只需在您的html文档中添加一个单一的元标记,您就可以指示浏览器在指定的时间间隔(以秒为单位)自动刷新:

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

选项2,Firefox插件检测文件更改并刷新:

一个名为XRefresh 的Firefox插件会监控您的项目文件夹,每次发现源文件有变化时自动重新加载Firefox。

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

有一个名为IMACROS的Firefox插件,它允许您定义一个脚本来远程控制Firefox中的文件。您可以创建一个远程控制脚本,然后编写Emacs、vim或shell脚本,告诉Firefox在需要时运行远程控制脚本,从而刷新页面。您需要创建一个键盘钩子来启动保存时的脚本。


3
我使用Yeoman,它可以帮助您搭建 Web 应用程序,使用 Grunt 和命令行。
$grunt server 

这是一个简单的设置,可以启用“livereload”。然后我设置了我的本地主机或IP:9000,以便在所有监视的文件(scss、js、coffee、html等)保存时,在本地网络中的任何设备上实现实时重新加载。因此,您不仅可以在桌面上看到站点更改,还可以在平板电脑、移动设备、跨浏览器、智能电视等设备上看到更改。
它还运行compass、单元测试、uglify和concatenate等操作,甚至可以洗碗、遛狗等。然后,“$ grunt build”创建完整的分发包以进行部署。
值得一试,虽然设置有点麻烦,但收获非常惊人。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接