如何限制BrowserSync的速度?

时间:2016-04-27 20:20:50

标签: node.js gulp browser-sync bandwidth-throttling

如何配置BrowserSync(来自其API)以较慢的速度提供内容?

理想情况下,我希望能够以限制速率仅提供某些文件,因此在开发时,localhost/index.html加载速度很快,localhost/dummyData.json加载缓慢,因此我可以在开发时有效地演示加载状态用于解耦数据和演示文稿的网络应用程序。

2 个答案:

答案 0 :(得分:3)

  1. 启动浏览器同步: browser-sync start --server --files "src/*.*"
  2. 打开浏览器同步用户界面(例如http://localhost:300 1 /),然后转到" Network Throttle" enter image description here
  3. 选择" Speed",然后"创建服务器"
  4. 使用现在以定义的速度运行的新服务器实例
  5. 提示:

    您可以同时运行多个受限制的服务器实例 - 例如。模拟CDN行为(最快赢的地方)

    您还可以模拟延迟!看看bs-latency Plugin ...

答案 1 :(得分:0)

来自文档

<强> reloadThrottle

在指定持续时间的连续时间窗口内仅发出第一个事件。

示例

browserSync.init({
        reloadThrottle: 300,
        server: {
            baseDir: 'dev/'
        }
    });