文章目录
  1. 1. 安装livereload的浏览器插件
  2. 2. 下载python-livereload
  3. 3. 在页面中添加script
  4. 4. 运行python-livereload

原先看过国人写的F5,当时也就粗略的看了一下,当时也只是看到前端内容修改 的时候自己刷新,而且还是要钱的,所以也就一直没去用。最近一直在弄php的 程序,经常改改然后刷新一下网页,平时可能也没怎么觉得,但今天中午看到 livereload就想下来试试。

安装livereload的浏览器插件

livereload支持 chrome, firefox, safari 和 opera,在官方有插件的下载链 接,插件是免费的。

http://go.livereload.com/extensions

下载python-livereload

官方的livereload是收费的,我们可以使用python-livereload这个开源的实现 代替。

https://github.com/lepture/python-livereload

在页面中添加script

要实现自动刷新页面还需要在页面上添加一段js引用,当插件检测到更改后就会 自动刷新页面。

1
2
<script type="text/javascript"
src="http://127.0.0.1:35729/livereload.js"></script>

运行python-livereload

在程序源码目录里面执行下面的命令,然后就会监视整个目录,一旦有改动就会 刷新页面,在双显示器的情况下效果最佳。

1
livereload

image

tip

默认只有本机打开的浏览器才能自动刷新,如需要在另一台机子上实
现自动刷新需要更改python-livereload的server.py,给里面的 listen参数添加上address=’0.0.0.0’,然后再将嵌入页面中的script 更改过来。

文章目录
  1. 1. 安装livereload的浏览器插件
  2. 2. 下载python-livereload
  3. 3. 在页面中添加script
  4. 4. 运行python-livereload