12

BrowserSync 是一个同步多浏览器页面测试工具。

BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free.

有了它,你不用在多个浏览器间来回切换,不断刷新来看效果了。更神奇的是你在一个浏览器中滚动页面、点击按钮等用户行为也会同步到每个浏览器中。

clipboard.png

官方的视频演示

    • 又是传说中的5分钟快速安装:

    1. 安装nodeJs

    2. 安装 BrowserSync

         $ npm install -g browser-sync
      
    3. 启动 browser-sync

      • html静态页面:

            
            $ browser-sync start --server --files "css/*.css"
        
      • 用php等语言渲染的动态页面,需要用代理模式

            $ browser-sync start --proxy "myproject.dev" --files "css/*.css"
        

    有了这个神器,苦逼的前端GG是不是有时间去和心仪的妹子约会了呢?


    Integ
    5.6k 声望295 粉丝

    全栈溢出工程师,兼职拆段错误水表,代写内核紧张拉丁语情书。