Browser-sync浏览器同步测试工具

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_29494019/article/details/77197971

        Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。

     有了它，您不用在多个浏览器、多个设备间来回切换，频繁的刷新页面。更神奇的是您在一个浏览器中滚动页面、点击等行为也会同步到其他浏览器和设备中，这一切还可以通过可视化界面来控制。

   官网地址：http://www.browsersync.cn/

   详细使用:

         1. 首先安装node

         2. 全局安装browser-sync   

               命令： npm install -g browser-sync

         3. 启动BrowserSync

             3.1 普通静态web站点：   browser-sync start --server --files "**"    -->  将检测项目目录下所有文件的变化

             3.2 配置php环境（代理模式）： browser-sync start --proxy "localhost/lx" --files "**" 

                                                                 browser-sync start --proxy "192.168.1.103/lx" --files "**"

                   这样配置就能随时监听文件的变化，并且自动刷新

            3.3 browser-sync+gulp一起应用也十分常见，下面会在gulp的文章讲解中介绍