300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > chrome LiveReload – 修改网页源代码后帮你自动刷新浏览器

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

时间:2021-10-11 01:13:48

相关推荐

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

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

LiveReload是一款跨平台的软件,在 OS X、Windows 以及 Linux 下都能使用。运行LiveReload后载入网站源代码所在的文件夹,这样它就会开始识别。而要让LiveReload自动刷新浏览器,则有两种方法,一种是在页面源代码中插入指定的代码,另外一种是安装浏览器扩展,显然第二种来得更方便和更友好。LiveReload目前支持 Safari、Chrome 和 Firefox 三个浏览器的扩展,可以到/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丨来自“反”斗软件

转载自:/livereload.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。