chrome LiveReload – 修改网页源代码后帮你自动刷新浏览器
来源:互联网 发布:淘宝卖零食要什么证 编辑:程序博客网 时间:2024/05/17 03:09
在本地写网页代码,通常都是保存以后再在浏览器里刷新一遍看看效果,刷新这个可真是体力活,不过懒人也有福了,因为有了 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 – 修改网页源代码后帮你自动刷新浏览器
- 网页自动刷新插件LiveReload
- 修改文件后浏览器自动刷新解决方案
- 用gulp-livereload实现浏览器自动刷新页面
- LiveReload 插件实现文件更改浏览器自动刷新
- web开发时自动刷新网页:liveReload安装,sublime 3
- web 前端修改 自动刷新 插件使用 liveReload
- ionic项目中修改文件后,浏览器不自动刷新
- grunt-contrib-watch 结合 connect-livereload 实现修改文件后,理解刷新页面
- livereload + guard-liverload 实现自动刷新
- 使用nodejs+livereload页面开发自动刷新
- 【修改谷歌浏览器chrome记住密码后自动填充表单的黄色背景】
- IntelliJ IDEA设置修改文件后自动编译并刷新浏览器页面
- Chrome浏览器使用js刷新页面后参数丢失。
- livereload-实时自动刷新页面(只要检测的文件夹中文件有修改,页面就会自动刷新)(适用pc端、移动端)
- 网页调试实时刷新谷歌插件LiveReload
- 用gulp-livereload实现自动刷新页面(v3.0.2)
- Grunt插件之LiveReload 实现页面自动刷新
- LeetCode刷题笔录Sort List
- gdb的常用命令
- 中位数
- 第四章 字符串和多维数组 思维导图
- json数据获取
- chrome LiveReload – 修改网页源代码后帮你自动刷新浏览器
- 第14周项目4-电子词典
- 计信院程序设计大赛题解
- 《加菲猫-51OS》简介
- AE调用GP
- 利用GDI+在MFC中显示OpenCV中的Mat图像的关键点
- Outlook2013无法删除邮件的问题
- Scrapy新建项目出错解决方法
- mac下面更新Android SDK(解决无法下载)