现在的位置: 首页 > 综合 > 正文

chrome LiveReload – 修改网页源代码后帮你自动刷新浏览器

2017年10月23日 ⁄ 综合 ⁄ 共 798字 ⁄ 字号 评论关闭

在本地写网页代码,通常都是保存以后再在浏览器里刷新一遍看看效果,刷新这个可真是体力活,不过懒人也有福了,因为有了 LiveReload


LiveReload 是一款跨平台的软件,在 OS X、Windows 以及 Linux 下都能使用。运行LiveReload 后载入网站源代码所在的文件夹,这样它就会开始识别。而要让 LiveReload 自动刷新浏览器,则有两种方法,一种是在页面源代码中插入指定的代码,另外一种是安装浏览器扩展,显然第二种来得更方便和更友好。LiveReload 目前支持
Safari、Chrome 和 Firefox 三个浏览器的扩展,可以到 http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browser-extensions- 下载安装。

以 Chrome 为例,安装扩展后,需要赋予其「允许访问文件网址」的权限。

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

如果你习惯使用 Sublime Text 作为编辑器的话,那就更方便了,连 LiveReload 客户端都不用安装(浏览器扩展还是要安装)。在
Sublime Text 里按下 「Command + Shift + P」 调出窗口,输入 「install package」,之后输入 「livereload」 并且进行安装,重启 Sublime Text 后就可以使用了,同样的保存后会自动刷新浏览器。

 

下载地址:官方网站GitHub来自“反”斗软件

转载自:http://www.apprcn.com/livereload.html

抱歉!评论已关闭.