2016-04-27 22 views
1

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

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

+0

reloadThrottle:300 – atilkan

回答

2
  1. 启动浏览器同步: browser-sync start --server --files "src/*.*"
  2. 打开浏览器同步UI(如http://localhost:300 /),进入 “网络油门” enter image description here
  3. 选择 “速度”,然后选择“创建服务器“
  4. 使用现在以定义的速度运行的新服务器实例

建议:

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

您还可以模拟延迟!具有在指定的时间顺序时间窗一看bs-latency Plugin ...

+1

如果有人知道如何以编程方式创建节流浏览器同步的情况下,请让我知道。 –

0

从技术文档

reloadThrottle

仅发射的第一个事件。

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