chrome LiveReload – 修改网页源代码后帮你自动刷新浏览器
在本地写网页代码,通常都是保存以后再在浏览器里刷新一遍看看效果,刷新这个可真是体力活,不过懒人也有福了,因为有了 LiveReload。
LiveReload 是一款跨平台的软件,在 OS X、Windows 以及 Linux 下都能使用。运行LiveReload 后载入网站源代码所在的文件夹,这样它就会开始识别。而要让 LiveReload 自动刷新浏览器,则有两种方法,一种是在页面源代码中插入指定的代码,另外一种是安装浏览器扩展,显然第二种来得更方便和更友好。LiveReload 目前支持 Safari、Chrome 和 Firefox 三个浏览器的扩展,可以到 http://feedback.livereload.com/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丨来自“反”斗软件
转载自:http://www.apprcn.com/livereload.html
chrome LiveReload – 修改网页源代码后帮你自动刷新浏览器相关推荐
- java获取页面标签_java获取网页源代码后,提取标签内容……
java获取网页源代码后,提取标签内容-- 关注:245 答案:2 mip版 解决时间 2021-02-01 09:11 提问者咏bù琂败 2021-01-31 13:49 import java ...
- uni-app以及微信小程序页面跳转后实现页面自动刷新
uni-app以及微信小程序页面跳转后实现页面自动刷新 在程序中需要从一个switch TAb页面跳转到另一个switch Tab页面,但是页面跳转之后,发现添转后的页面不会执行onload里面的刷新 ...
- 在eclipse中修改页面代码后Tomcat会自动重启
目前在做一个网站项目,使用MyEclipse+Tomcat,每次修改项目源代码时,都需要重启tomcat.重新导出项目到webapps文件夹或者重新部署,太麻烦.于是研究了一下tomcat如何设置成热 ...
- gulp配置实现修改js、css、html自动刷新
写在前面: 本配置支持es6.less.react 1.首先 给出初始的目录结构 给出执行gulp后的目录结构 给出执行gulp --p后的目录结构 2.package.json里是一个写入.文件描述 ...
- 解决VUE项目更新后需要客户手动刷新浏览器问题
一.问题: 在vue项目打包跟新后,虽然js.css等文件会添加hash值确保加载最新的文件,但是只限于客户在你更新前正好未使用平台,更新后客户在使用时,可以确保访问的前端版本是最新的,但是当客户已经 ...
- 微信小程序上传图片后 开发者工具自动刷新问题
问题描述:通过wx.uploadFile上传图片后,小程序端还没来得及显示服务端返回已成功上传的文件信息,小程序开发者工具就自动刷新,不论你如何打断点,都不会停下来,导致无法保存上传的数据. 在网上找 ...
- 日常:如何修改网页源代码
最近我一个学安全的同学在玩一个叫做黑客丛林的游戏,当他玩到第二关的时候卡住了,想改源码却改不了,当时我也是一脸懵逼,通过Chrome的开发者工具的element修改页面却没有效果,强迫症如我之后查找相 ...
- 查看网页源代码后如何返回
看似愚蠢的问题竟然困扰我好一会儿: 答案就是去掉https前面的就好 是不是豁然开朗呢(一脸苦涩,别再说我愚蠢,已知晓)
- chrome 谷歌浏览器查看网页源代码快捷键
方法一:在谷歌浏览器的任一页面上右键,查看源代码,即可看到该页面的html代码. 方法二:在谷歌浏览器的任一页面中按下快捷键ctrl+U,即可看到该页面的html代码. 方法三:在谷歌浏览器的任一页面 ...
最新文章
- 面向对象笔记2 原型链 解释
- 模拟电子技术_清华大学华成英教授主讲之符号说明
- cookie的细节——1.一次可不可以发送多个cookie?2. cookie在浏览器中保存多长时间?3. cookie能不能存中文?4. cookie共享问题?
- gui界面怎么分页_什么是用户界面和体验设计
- 前端学习(1850)vue之电商管理系统电商系统vue脚手架安装
- 前端学习(577):margin等其他属性扩展
- 提供oracle兼容特性报,【干货】K-DB为什么能全面兼容Oracle
- NLP自然语言处理库系列教程——gensim库
- Intel FPGA 的时序约束
- servlet详细理解
- 美通企业日报 | 阿迪发布星战系列球鞋;安进27亿美元收购百济神州20.5%股份
- 「硬见小百科」一文详解红外遥控模块工作原理
- 使用数字全通滤波器对IIR滤波器进行相位补偿
- 如何做网站推广?如何提高网站浏览量?
- 【大话设计模式-11】组合模式(案例解析)
- stm32之蓝牙无线超声波测距
- 三种算法求两个正整数的最大公约数和最小公倍数;求三个数的最大公约数和最小公倍数
- 用账户锁定策略防止黑客暴力破解管理员帐户登录密码
- 调参工要凉?微软重磅开源AutoML工具包NNI
- html中 title标签放在()位置,[单选] HTML中,title标签放在什么位置()