首页 > 代码库 > Chrome 实现前端页面自动刷新

Chrome 实现前端页面自动刷新

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

所以如果能实现只要在编辑器中保存,浏览器自动刷新页面,那岂不是很棒嘛!!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 实现前端页面自动刷新