测试中如何模拟低网速状态

遇到了什么？

在做项目时，通常容易遇到一个问题：在项目环境中拥有良好的表现，功能很酷很炫，但是在实际发布上线之后，却发现因为用户网速不理想，容易产生一些意料不到的状况，例如页面的可用性出现障碍。而且这些问题通常在进行测试的时候也难以发现，因为测试多半也和我们处于同样网络条件下。这个时候我们需要模拟在低网速下产品的表现。

如何解决？FIDDLER or NET LIMITER!

FIDDLER

一个由微软出品的软件，记录了所有的http通讯的debug工具。他可以允许你查看所有的http请求，设置断点，监控进出流量数据等，同时还可以支持几乎所有的浏览器。

官方地址：http://www.fiddlertool.com/fiddler/

在经过简单的安装完成之后，默认fiddler支持ie，firefox等其他浏览器需要手工配置，方法如下：

1.选择：工具->选项，单击网络选项卡，然后点击设置

2.如下图所示，在自动代理配置URL中填入D:/[FIDDLER INSTALL PATH]/Scripts/BrowerPAC.js。*请在fiddler的安装目录下找到BrowerPAC.js文件

3.启动浏览器及fiddler之后就可以监控firefox了。其他浏览器也可以类似设置。

如果设置了对firefox的监控，但是却关闭了fiddler，是不能够继续浏览网页。

启动fiddler并监控之后，我们可以看到如下页面：

这时选择rules->performance->simulate modem speeds。再次刷新你的浏览器窗口。ok我们就可以看到模拟低网速条件下页面的反应了。当然，它还有其他很多非常强大的功能。

NET LIMITER 2

一个监控软件，可以对整个机器的网络状况进行监控和控制，可以指定某个特定进程的的网络请求，而不局限于浏览器。

官方地址：http://www.netlimiter.com/download.php

但是这个软件的pro版本并不是免费软件。而且它需要在你的机器中安装一个服务。

它的使用也很简单，我们只需要找到浏览器进程，然后在如图红框所示的limit上选中既可。

什么时候需要低网速下的检测？

通常我们的项目环境下网速都非常理想，飞快的网速可以掩盖很多问题。但是用户不一样。用户可能是一台老旧的机器，和服务器的连接也很缓慢。

保持用户的可访问性始终是前端开发工程师应该尽力去做到的：

我们需要尽量把重要的内容先展示在用户面前;
在脚本没有加载完成的时候用户任然可以最低限度的得到他所欲获得的，或者给予用户一定的提示;
尽可能快的呈现页面。

这些时候，我们都需要去利用这个工具来让尽可能的模拟用户的处境，设身处地的体验一下用户的感受。这样的页面才是一个有责任心的页面。

如果你做的不够好，那么是以为你靠的不够近。