我是靠谱客的博主 飞快钢笔,最近开发中收集的这篇文章主要介绍网页自动刷新插件LiveReload,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

网页开发者一个头痛的问题是每次修改完网页之后都要到浏览器里刷新才能看到效果,这样子效率实在是不高。

还好Firefox有一个自动刷新的插件LiveReload,修改保存后网页就会自动更新了。

好,接下来看怎么安装和使用LiveReload。这是LiveReload的主页:http://livereload.com/。

我用的是Windows,下面就Windows来讲。

首先,下载安装LiveReload的安装包http://download.livereload.com/windows/LiveReloadSetup.exe;

启动LiveReload后,往里面添加你的网页所在目录;

LiveReload提供两种方式监听网页文档的变化:

1.在网页</body>标签之前添加一段代码

<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>

2.在浏览器中安装LiveReload插件

选择哪一种看个人喜好了,不过第二种还是方便一点。

然后在浏览器中打开网页,选择第二种方式的读者记得启动浏览器的LiveReload插件,这其实就是在网页文档中添加那段代码。

最后

以上就是飞快钢笔为你收集整理的网页自动刷新插件LiveReload的全部内容,希望文章能够帮你解决网页自动刷新插件LiveReload所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(30)

评论列表共有 0 条评论

立即
投稿
返回
顶部