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

By Apprcn

七月 10, 2014 实用工具 1 Comment

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

LiveReload - 修改网页源代码后帮你自动刷新浏览器丨apprcn.com “反”斗软件

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- 下载安装。

LiveReload - 修改网页源代码后帮你自动刷新浏览器丨apprcn.com “反”斗软件

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

LiveReload - 修改网页源代码后帮你自动刷新浏览器丨apprcn.com “反”斗软件

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

LiveReload - 修改网页源代码后帮你自动刷新浏览器丨apprcn.com “反”斗软件

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

 

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



WeChat
微信搜索「反斗软件」或扫描上方二维码关注我们,每天为你送上精选的限免信息,更便捷的限免信息获取方式,不定时举行有奖活动
Latest Comments

发表评论

电子邮件地址不会被公开。 必填项已用*标注

无觅相关文章插件,快速提升流量