在Chrome内部模拟有限的带宽?


201

有没有办法可以在Chrome中模拟各种连接速度?

我需要能够以不同的速度检查http:// localhost

我知道有独立的应用程序可以做到这一点,但是我宁愿在Chrome中执行此操作。


扩展绝对没有这种访问级别。Chrome仅提供用于最常见任务的扩展API,但这不是其中之一。
弗拉基米尔·帕兰特

结帐webpagetest.org。您可以在下设置连接速度test settings / connection
本杰明·克鲁兹耶

Answers:


117

我建议使用Charles Proxy-您可以选择放慢单个站点的速度,也有很多HTTP检查工具。

编辑:

从2014年6月开始,Chrome现在可以在DevTools中本地执行此操作-但您将需要Chrome 38。

可通过工具栏末尾的下拉菜单从“网络”选项卡访问该选项。


69
警告:查尔斯不是免费的
查理

8
您在chrome devtools中的哪里找到它?
保罗

15
在Canary上启动DevTools,在顶部带有搜索图标,电话图标,元素,网络等。单击电话图标,然后在底部面板中选择“仿真”,该面板中的网络仿真选项
Andy Davies

1
@Andy ughh ...您是如何获得电话图标显示的?他们继续在加那利(Canary)周围移动东西
内森2014年

36
不幸的是,Chrome中的限制仅适用于下载,而不适用于上传。
JesseBuesking

140

如果您正在运行Linux,则以下命令对此非常有用:

trickle -s -d 50 -w 100 firefox

-s指示命令独立运行中,-d 50它告诉给带宽限制到50 KB / s时,-w 100设置峰值检测窗口大小为100 KB。firefox告诉命令启动Firefox,并将所有此速率限制应用于尝试加载的任何站点。

更新资料

Chrome 38现已推出,并且具有节流功能。要找到它,请打开开发人员工具:Ctrl + Shift + I在我的机器上完成,否则菜单->更多工具->开发人员工具将带您到那里。

然后通过单击“开发人员工具面板”左上方的电话来切换设备模式(请参阅下面的工具提示)。

切换设备模式

然后像这样激活节流。

激活Chrome节流

如果您觉得这有点笨拙,则以上建议对Chrome和Firefox均适用。


我在Chrome浏览器中尝试了开发功能,并上传了YouTube视频。似乎完全没有限制上传。
2015年

1
节流功能不是上传限制器。用于下载测试,以及查看页面如何在其他连接上加载。
尼尔森2013年

68

Chrome 38开始,您无需任何插件即可执行此操作。只需单击检查元素(或F12热键),然后单击toggle device modphone按钮)

在此处输入图片说明

您将看到类似以下内容:

在此处输入图片说明

它具有许多其他功能,可让您模拟特定的Internet连接(3G,GPRS)


14
对于页面负载测试,这似乎工作得很好,但是测试上传(使用xmlhttpreq2)似乎没有受到限制。-离线和无节流的工作,但在上传过程中的过程似乎忽略了GPRS等限制-这将是很好,如果上传也可以成一定形状,我们可以测试进度条,超时等
乔什了Mc


61

从今天起,您可以在Google Chrome Canary中本地限制连接46.0.2489.0。只需打开开发工具并转到“网络”选项卡:

在此处输入图片说明


1
这是最简单的方法,不需要额外的插件。
Earl3s 16-10-20

2
但这对websockets没有影响。
Tom Hubbard

19

正如Michael所说,Chrome扩展程序API无法提供可靠的方法。另一方面:有一种我已经使用了一段时间的软件。

尝试Sloppy,这是一个模拟低带宽的Java应用程序。它独立于浏览器,非常易于使用,最重要的是,它是免费的!


13

如果您使用的是Mac,则Chrome开发团队建议使用“网络链接调节器工具”

要么:

Xcode > Open Developer Tool > More Developer Tools > Hardware IO Tools for Xcode

或者,如果您不想安装Xcode:

Go to the Apple Download Center and search for Hardware IO Tools

https://developer.apple.com/downloads/index.action


要从2016年3月起在Apple网站上搜索Hardware IO Tools,请访问此链接。“网络链接调节器”首选项窗格允许您设置下行链路和上行链路带宽,丢包百分比和延迟。
格雷格·萨德茨基'16

11

现在,您可以在Chrome Canary中限制网络吞吐量。这可以在开发工具中控制台的“仿真”选项卡的“网络”选项中完成。您可能需要激活Chrome标志“启用开发人员工具实验”(chrome:// flags /#enable-devtools-experiments)(chrome:// flags)才能看到此新功能。您可以为移动连接模拟一些低带宽(GSM,GPRS,EDGE,3G)。


这是如此易于使用,并且无需任何其他设置即可在localhost上运行。很好的建议。
HockeyJ 2014年

2
无法启用此功能,我已启用该标志,但在开发人员工具下的仿真中没有显示网络选项,仅此Windows吗?
Pez Cuckow,2014年

5

原始文章:https : //helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

使用Chrome模拟慢速连接如果您尚未在系统上安装Chrome,请继续安装Chrome。完成后,打开一个新选项卡,然后按CTRL + SHIFT + I打开开发人员工具窗口,或依次单击汉堡包图标,更多工具和开发人员工具。

在此处输入图片说明

这将打开“开发人员工具”窗口,该窗口可能会停靠在屏幕右侧。我更喜欢将其停靠在屏幕底部,因为您可以看到更多数据。为此,请单击三个垂直点,然后单击中间基座位置。

在此处输入图片说明

现在,继续并单击“网络”选项卡。在右侧,您应该看到一个名为“无限制”的标签。

在此处输入图片说明

如果单击它,您将获得一个预先配置的速度的下拉列表,可用于模拟慢速连接。

在此处输入图片说明

选择范围从“脱机”到“ WiFi”,数字显示为“延迟”,“下载”,“上载”。最慢的是GPRS,然后是常规2G,然后是常规2G,然后是常规3G,常规3G,常规4G,DSL,然后是WiFi。选择其中一个选项,然后重新加载您所在的页面,或在地址栏中输入另一个URL。只要确保您在与开发人员工具相同的选项卡中即可。节流仅适用于启用了该选项卡的选项卡。

如果要使用自己的特定值,可以单击“自定义”下的“添加”按钮。单击添加自定义配置文件按钮以添加新的配置文件。

在此处输入图片说明

使用GPRS时,www.google.com的加载时间高达16秒钟!总体而言,这是Chrome内置的出色工具,可用于测试连接速度较慢时的网站加载时间。如有任何疑问,请随时发表评论。请享用!


1
好答案,Arbaz!
马特

1
详细透彻!谢谢!
SexyBeast


1

我不认为您所要求的仅靠Chrome就能完成。我能找到的最接近的是this,这不是您想要的。我得到一个chrome插件来做到这一点很难。

在本地计算机上运行的Web代理可以达到所需的效果。一种“节流代理”搜索想出了这个,例如。



1

如果使用OSX,则可以使用:网络链接调节器

在此处输入图片说明

在这里您可以选择不同的配置文件。100%丢失,3G,DSL等

请找到以下链接以在此处下载网络链接调节器


-3

请注意,请勿使用Chrome内置的Speed Tester(它将显示无节制的速度)。而是使用其他网站,例如Fast.com。这将向您显示适当的节流速度。

同样,节流设置可能被隐藏,并且可以通过单击细小的向下箭头从网络栏中访问。


1
嗨@Dandelion。感谢您抽出宝贵的时间来回复。我不确定此回答是否适合作为答案,因为它实际上并未回答问题。速度测试与这个问题有什么关系?如何fast.com在localhost上使用?
本杰明
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.