LiveReload 插件实现文件更改浏览器自动刷新

LiveReload是一款跨平台的浏览器自动刷新插件，节省了大量手动刷新浏览器，目前支持 Safari、Chrome 和 Firefox三个浏览器

而要让 LiveReload 自动刷新浏览器，则有两种方法：

一、在页面源代码中插入指定的代码
二、安装浏览器扩展，显然第二种来得更方便和更友好

Chrome 扩展安装

安装完成后，需要赋予其「允许访问文件网址」的权限

然后使用浏览器载入要修改的页面，点击 LiveReload 图标，当其中间圈圈显示为实心黑点时则为已经连接上可以正常使用了，之后每当你在编辑器里对源代码进行修改并保存后，LiveReload 就会自动的刷新浏览器，你就可以马上查看到修改后的效果了

备注：谷歌浏览器的插件在浏览器的应用商店有可能下载不了；这时候可以使用本地安装，将下载好的插件拖到扩展程序的页面自动安装

插件链接：http://pan.baidu.com/s/1c12z3vq 密码：c2kd

firefox 扩展安装

1、

2、

3、

好了。。。火狐的插件也安装好了。。接下来  菜单——定制——更多工具和功能   中的 Enable LiveReload 添加到菜单栏，说明安装成功。

众爱卿表示我们用的是sublime text3的编辑器，好的我们也来安装一下插件和浏览器配合起来使用。。

方法一：在已经安装包管理器的情况下，ctrl+shift+p ——搜索栏填入install——搜索LiveReload，找到后安装。

好了好了。。。没找到也不用着急。。

第二种方法：将下载好的插件拖入sublime安装目录里边的Packages文件夹下，重启编辑器

sublime livereload 插件链接：http://pan.baidu.com/s/1pKB65lx 密码：i8ud

不生效的解决办法：

1、浏览器打开的时候需要开启监听的按钮。。。

2、因为在Sublime Text里没有启动LiveReload，每次重新打开Sublime都需要启动，启动方法：Ctrl+Shift+P ==> LiveReload ==> enable/disable plug-ins ==> simple reload;