网页开发者一个头痛的问题是每次修改完网页之后都要到浏览器里刷新才能看到效果,这样子效率实在是不高。
还好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内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复