自动刷新浏览器--Live.js

一、在Vue、react项目开发中集成了基于webpack的热更新,使用gulp等构建工具也会有类似热更新机制。
二、在jquery的传统项目中实现热更新可以使用--Live.js

  1. 官网--http://livejs.com/    github--https://github.com/Q42/LiveJS

  2. Live.js是一个插件库,使用时直接引入html中即可,默认检测html、css、js,可以在源文件中配置其他的文件后缀来检测比如jsp、php等文件都可以

  3. 不支持直接打开的file协议文件,需要在编辑器中打开才有http协议

  4. 编辑文件后点击浏览器会自动刷新(适用于大部分开发者),在编辑器(idea)中 ctrl+s 后浏览器也会自动刷新(适用于分屏的开发者,不需要鼠标去点击浏览器)

  5. 适用于全局配置的开发环境,部署生产环境时手动注释即可

  6. 需要配置的话可以下载到本地引用,不需要配置的话直接引用官网的即可

原文地址:https://www.cnblogs.com/zhangruiqi/p/9183435.html

时间: 2024-11-08 20:58:43

自动刷新浏览器--Live.js的相关文章

打开页面自动刷新网页,自动刷新当前页面,JS调用

reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前进"和"后退"来访问已经被替换

简单配置webpack自动刷新浏览器

文档地址  http://webpack.github.io/docs/usage.html 首先全局安装webpack(我这里使用的是淘宝的cnpm) cnpm install webpack 检查一下是否安装完毕,查看版本号 webpack -h 简历package.json文件 npm init  一直enter就可以了 然后再本地安装一次webpack cnpm install webpack --save-dev 新建webpack.config.js module.exports =

Browsersync 浏览器自动刷新

Browsersync 是一个很好用的工具,它可以实时监测文件的变动然后自动刷新浏览器,不用每次去点刷新或F5,特别在调试样式时非常有用. browsersync中文网  http://www.browsersync.cn/ 安装 首先安装node.js(直接下载后安装就行,http://nodejs.cn/download/) > 打开命令行(win+r 然后输入cmd打开命令行)> npm install -g browser-sync (通过npm安装browsersync,如果下载慢的

使用Spring Boot开发者工具进行自动重启和页面自动刷新

简介 大家可能都听说过开发Node.js应用时可以使用多种工具对开发者提供便利,如WebPack提供了开发者服务器来支持js应用动态更替,并在保存文件时自动刷新浏览器.Spring Boot也提供了相似的开发者工具,让我们更快速.更舒心的开发Spring Boot应用.大家看完本教程就可以学会如何如用Spring Boot开发者工具进行自动重启和自动刷新页面. 自动重启原理 Spring Boot的开发者工具会为应用创建两个classloader.一个是用来加载不会变动的类,称为base cla

html meta 自动刷新

<meta http-equiv="refresh" content="2" url="/"> 自动刷新,相比js实现更加简单粗暴.自动刷新在前端开发时候可以接近实时“即改即见”,提高了开发效率. 附js实现: setTimeout(function(){                location.reload();            },2000);

gulp最佳实践(包含js,css,html预编译,合并,压缩,浏览器自动刷新)

gulp是基于流的自动化构建工具官方网址:http://www.gulpjs.com.cn/ 一.安装需要的模块 1.新建package.json,输入下面的内容 { "name": "autopractice", "version": "1.0.0", "description": "", "main": "index.js", "sc

修改文件后浏览器自动刷新解决方案

现有编程工具的自动刷新解决方案 其实有很多工具可以做到文件一改变,浏览器自动刷新,其实这样体验也是最好的,可是由于一些原因,这些工具并不能解决所有工作场景的需求. 由于这不是本文的主要内容,只列出一些可以实现自动刷新的工具,没有进行详细展开,大家可以自行去研究下. 在Sublime下有一个插件叫做LiveStyle可以实现修改CSS后自动刷新,但是每一个CSS文件都要手动配置,不够智能.需要安装Chrome插件:Emmet LiveStyle. JetBrains公司的IDEA.WebStorm

前端工具-浏览器同步测试(自动刷新、热刷新、热加载)

Browsersync 官网:https://www.browsersync.io/ 中文:http://www.browsersync.cn/ Gulp中使用 http://www.browsersync.cn/docs/gulp/ 注意1:我测试哪个tesk在下面哪个好使(要么能使用静态服务器,要么用代理?)貌似不能部分请求用代理.. var gulp = require('gulp'); var browserSync = require('browser-sync').create();

js实现的可以自动刷新的时间日期代码实例

js实现的可以自动刷新的时间日期代码实例:可以自动刷新的时间日期效果在很多网页都在使用,因为能够让页面更加动感一些,也更加人性化,用户可以实时查看页面的时间,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.sof