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

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

时间:2017-12-23 19:12:13      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:文件   display   imp   one   browser   oca   post   isp   nbsp   

  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;
      }

 

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

标签:文件   display   imp   one   browser   oca   post   isp   nbsp   

原文地址:http://www.cnblogs.com/h5c3/p/8093751.html

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