BrowserSync,自动刷新,解放F5,去掉更新提示


  BrowserSync虽然这个技术不算新,但是依然有用。略微介绍下

  没有安装node,先安装node,这里不再做介绍

  安装

    npm install -g browser-sync  全局安装,方便在任意目录下启动

  所在项目中启动

    browser-sync start --server --files "**"  所有文件都检测改变刷新,并自动打开浏览器

    http://localhost:3000/ 相当于你的index.html文件,如果你的html文件夹下有个db.html,那么地址就是 http://localhost:3000/html/db.html

  去掉更新成功的 Connected to BrowserSync 提示

    其实这是browser-sync-client.js 动态生成的一个div,id名叫 __bs_notify__ ,那我们直接在在一个公共的css文件下加上以下样式代码即可去掉提示   

         #__bs_notify__{
   display: none!important;
      }

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM