码迷,mamicode.com
首页 > 其他好文 > 详细

Chrome 实现前端页面自动刷新

时间:2017-05-13 22:15:38      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:技术分享   index   技术   自动   png   点击   命令   image   介绍   

 作为一个前端,主要是写页面,但是每次写完一段代码,保存,如果想看看刚刚写的代码的效果怎样,还需要到浏览器手动刷新,刷新,刷新,刷的手疼了。

所以如果能实现只要在编辑器中保存,浏览器自动刷新页面,那岂不是很棒嘛!!So convenient~~

所以本文介绍如何实现浏览器自动刷新。

1、需要安装:

  livereload,Chrome 安装这个扩展程序

  技术分享

  然后,window 用户需要还需要下载安装个客户端, http://livereload.com/

  最后,使用 npm 全局安装 http-server

2、安装完所需的程序,该实现自动刷新了:

  首先,cmd 命令行,进入开发目录,$ http-server,在浏览器 http://localhost:8080/,就可以访问到页面了,注意额,默认是 index.html 哦!

  然后,打开所安装的客户端,把需要自动刷新的目录 add 进来

  最后,使 Chrome 连上 http-server,点击所安装的 livereload 扩展程序,使其圆点变为实心即可,到此就完成了,去写代码吧!再也不需要自己手动刷新了。

  技术分享

Chrome 实现前端页面自动刷新

标签:技术分享   index   技术   自动   png   点击   命令   image   介绍   

原文地址:http://www.cnblogs.com/harveytwo/p/6850359.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!