当前位置: 首页 > Web前端 > HTML

摆脱F5,轻松实现浏览器页面自动刷新,无需配置

时间:2023-04-03 00:57:03 HTML

总结大家在写网页的时候肯定都做过这样的事情:先在编辑器里改个CSS属性,保存,然后再切换回浏览器刷新页面查看效果。尤其是追求像素完美的同学,石乐知变大变小都要来回改1px。本文介绍一种检测文件变化并让浏览器自动刷新的方法,无需配置,操作简单。尤其是大屏甚至双屏、三屏、四屏、五屏的同学,别太爽了!准备工作该方法需要使用chrome浏览器和两个npm包。npm就不多说了,教你安装的文章很多,也可以换成淘宝的镜像,用cnpm加快下载速度。首先使用npm安装两个包npminstall-ganywherelivereloadchrome浏览器安装livereload插件(点我安装)开始在终端进入项目文件夹,任意运行,如果一切顺利,应该会自动运行一个Web服务器,并在浏览器中自动打开index.html。如果默认端口被占用,也可以添加-p命令到指定端口运行,比如anywhere-p3000然后打开终端进入项目文件夹,在chrome浏览器中运行livereload激活livereload!完成的