`

livereload自动通知页面重刷新的轻量级server

阅读更多

概述:

它是一个基于node的轻量级web server。它可以监听你的css、js、html文件变化自动通知浏览器刷新页面,或者重新载入css文件。它最大的特点就是不用你手工修改html或者使用浏览器插件来建立前后端通讯,而是动态的在html中插入一段无干扰的JS。如果你是做一些前端的练习或者建立前端的测试页面,那么它就很有用了。

 

安装:

  • 安装node 0.60+(自带npm) http://nodejs.org/
  • 安装livereload:npm install -g livereload1
运行:
到你项目的根路径下执行命令:livereload
然后用浏览器打开http://localhost:3000/ 导航到html页面
修改前端文件(html\css\js)就可以看到页面自动刷新了

运行环境:
服务端支持node就行,浏览器端已测试 Chrome 20.0 Firefox 12.0 IE 8

更多信息:
请访问项目的托管页面:https://github.com/chemzqm/livereload

 

分享到:
评论
1 楼 hopesfish 2012-06-10  
你又开始写blog了 不容易啊 panwei

相关推荐

    liveReload下载chrome自动刷新插件

    每次调试CSS或HTML后,都需要手动刷新页面看效果,无形中占用了很多的编程时间,介绍无需刷新看效果的方法:livereload

    LiveReload

    浏览器自动刷新插件, LiveReload for Sublime text3。

    前端开源库-gulp-server-livereload

    前端开源库-gulp-server-livereloadGulp服务器Livereload,运行本地Web服务器的Gulp插件,通过socket.io启用了Livereload。还附带独立的命令行界面。

    LiveReload.rar

    利用vs code开发前端界面时,在谷歌浏览器自动刷新页面。

    livereload

    livereload插件,可直接拖到插件拓展页面,Livereload可理解为即时刷新,在前端开发中,开发者在编写或调试html/js/css代码后需要从编辑器切换到浏览器,再刷新浏览器才能看到页面变化,这种十分频繁的操作在一定...

    Chrome LiveReload

    很多时候,我们修改网页代码都要手动刷新一下看看效果,多了就比较麻烦了,livereload正是一个可以在你修改了代码后实时进行页面刷新的应用. 目前支持Google Chrome浏览器,非常方便。

    livereload chrome插件

    livereload chrome插件

    Chrome扩展程序LiveReload.zip

    Chrome扩展程序LiveReload Chrome浏览器自动刷新

    chrome-extension-livereload

    LiveReload是一款跨平台的软件,在OS X、Windows以及 Linux 下都...而要让 LiveReload自动刷新浏览器,则有两种方法,一种是在页面源代码中插入指定的代码,另外一种是安装浏览器扩展,显然第二种来得更方便和更友好。

    Python库 | django-livereload-server-0.3.3.tar.gz

    python库。 资源全名:django-livereload-server-0.3.3.tar.gz

    chorme liveReload插件

    chorme liveReload 是chorme的一个插件 结合grunt 可实现实时刷新

    LiveReload.zip

    这是livereload插件

    详解Grunt插件之LiveReload实现页面自动刷新(两种方案)

    主要通过两种方案详解Grunt插件之LiveReload实现页面自动刷新,需要的朋友可以参考下

    LiveReload谷歌浏览器插件

    LiveReload浏览器插件结合起来的时候,就能够在模板、图片、样式表、JavaScript等(实际上,几乎涵盖为浏览器提供服务的所有内容)发生变化的时候,自动刷新浏览器。

    connect-livereload, 连接中间件以将livereload脚本添加到响应.zip

    connect-livereload, 连接中间件以将livereload脚本添加到响应 连接 livereload连接中间件以将livereload脚本添加到响应。 不需要浏览器插件。 如果你对浏览器插件感到满意,那么你不需要这个中间件。 安装npm ...

    liveReload for mac

    LiveReload for mac是一款跨平台的软件,在 OS X、Windows 以及 Linux 下都能使用。运行LiveReload for mac后载入网站源代码所在的文件夹,这样它就会开始识别。

    livereload210chrome.zip

    谷歌浏览器标签livereload,用于开发是谷歌浏览器能够再网页保存时自动刷新。 解压后,将插件扩展名改成rar,然后解压。谷歌设置成开发者模式,然后加载已解压插件。

    LiveReload(20220413最新)

    LiveReload20220412,最新可以用,找了很多,浪费了大量时间,都不可以用,这个实测可以

Global site tag (gtag.js) - Google Analytics