从 Chrome 中模拟有限的带宽？

Posted 2023-02-22

【中文标题】从 Chrome 中模拟有限的带宽？

【英文标题】：Simulate limited bandwidth from within Chrome?

【发布时间】：2012-05-06 21:35:05

【问题描述】：

有没有一种方法可以在 Chrome 中模拟各种连接速度？

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

我知道有独立的应用程序可以做到这一点，但我宁愿在 Chrome 中做到这一点。

【问题讨论】：

一个扩展肯定没有那个级别的访问权限。 Chrome 只为最常见的任务提供扩展 API，这不是其中之一。

结帐webpagetest.org。您可以在test settings / connection下设置连接速度。

【参考方案1】：

我认为您所要求的内容不能仅由 chrome 完成。我能找到的最接近的是this，这不是你想要的。我得到一个 chrome 插件来做到这一点会很困难。

在您的本地机器上运行的网络代理可以达到您想要的效果。例如，搜索“限制代理”时会出现 this。

【参考方案2】：

我推荐Charles Proxy - 你可以选择放慢单个网站的速度，还有一大堆 HTTP 检查工具。

编辑：

截至 2014 年 6 月，Chrome 现在可以在 DevTools 中本地执行此操作 - 不过您需要 Chrome 38。

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

【讨论】：

警告：查尔斯不是免费的

你在 chrome devtools 哪里找到这个？

在 Canary 中启动 DevTools，顶部有搜索图标、电话图标、元素、网络等。单击电话图标，然后在底部面板中选择仿真，网络仿真选项在那个面板

@Andy ughh... 你是如何让电话图标出现的？他们一直在 Canary 搬家……

不幸的是，Chrome 中的限制仅适用于下载，不适用于上传。

【参考方案3】：

作为Michael said，Chrome 扩展 API 没有提供可靠的方法来执行此操作。 另一方面：有一个软件我已经使用了很长时间了。

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

【参考方案4】：

如果您不熟悉 Fiddler - 请这样做。它是一个很棒的 HTTP 调试工具。您还可以选择限制带宽。

【讨论】：

其次...提琴手很棒。这是有关在 Fiddler 中限制和添加延迟的相关答案的链接。 ***.com/questions/16276669/…

【参考方案5】：

如果你运行的是 Linux，下面的命令对此非常有用：

trickle -s -d 50 -w 100 firefox

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

更新

Chrome 38 现已推出，包括节流功能。要找到它，请调出开发者工具：Ctrl+Shift+我在我的机器上完成，否则菜单->更多工具->开发者工具会将您带到那里。

然后通过单击开发人员工具面板左上角的手机来切换设备模式（请参阅下面的工具提示）。

然后像这样激活节流。

如果你觉得这有点笨拙，我上面的建议适用于 Chrome 和 Firefox。

【讨论】：

我在 Chrome 中尝试了开发功能并上传了一个 YouTube 视频。它似乎根本没有限制上传。

油门功能不是上传限制器。它用于下载测试并查看您的页面如何在不同的连接上加载。

【参考方案6】：

如果您使用的是 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 网站上搜索硬件 IO 工具，请转至 this link。 “网络链接调节器”首选项窗格允许您设置下行链路和上行链路带宽、丢弃的数据包百分比和延迟。

【参考方案7】：

现在，您可以在 Chrome Canary 中限制网络吞吐量。这可以在开发工具控制台的“仿真”选项卡的“网络”选项中完成。

您可能需要激活 Chrome 标志“启用开发者工具实验”(chrome://flags/#enable-devtools-experiments) (chrome://flags) 才能看到这项新功能。您可以为移动连接模拟一些低带宽（GSM、GPRS、EDGE、3G）。

【讨论】：

这很容易使用，也可以在本地主机上运行，​​无需任何额外设置。很好的建议。

无法正常工作，我已启用该标志，但开发工具下的仿真中未显示网络选项，仅此窗口吗？

【参考方案8】：

按照Chrome Mobile Emulation page 的建议，您可以在Windows 上使用Clumsy，在Mac OS X 上使用Network Link Conditioner，在Linux 上使用dummynet。

【参考方案9】：

从 Chrome 38 开始，您无需任何插件即可完成此操作。只需单击检查元素（或 F12 热键），然后单击 toggle device mod（phone 按钮）

你会看到这样的：

在许多其他功能中，它允许您模拟特定的互联网连接（3G、GPRS）

【讨论】：

这似乎很适合页面负载测试，但是测试上传（使用 xmlhttpreq2）似乎没有受到限制。 - 离线并且没有节流工作，但在上传过程中似乎忽略了 GPRS 等限制 - 如果上传也可以调整，这样我们就可以测试进度条、超时等。

这是正确的，这是一个悬而未决的问题code.google.com/p/chromium/issues/detail?id=414319

【参考方案10】：

从今天开始，您可以在 Google Chrome Canary 46.0.2489.0 中本地限制您的连接。只需打开开发工具并转到网络选项卡：

【讨论】：

这是最简单的方法，不需要额外的插件。

但是对websockets没有影响。

我只有Slow 3G 和Fast 3G。如何添加其他人？

用例如“慢 3G”，页面全白，直到所有图像都加载完毕。在网络缓慢的常规页面加载中，渲染已经在所有图像加载之前开始。所以这似乎不是一个准确的模拟。

【参考方案11】：

如果您使用的是 OSX，则可以使用：Network Link Conditioner

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

请找到以下链接下载网络链接调节器here

【参考方案12】：

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

使用 Chrome 模拟慢速连接 如果您的系统上尚未安装 Chrome，请继续安装它。完成后，打开一个新选项卡，然后按 CTRL + SHIFT + I 打开开发者工具窗口或点击汉堡图标，然后点击更多工具，然后点击开发者工具。

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

现在继续并单击“网络”选项卡。在右侧，您应该会看到一个名为 No Throttling 的标签。

如果您点击它，您将获得一个预配置速度的下拉列表，您可以使用它来模拟慢速连接。

选项范围从离线到 WiFi，数字显示为延迟、下载、上传。最慢的是GPRS，其次是Regular 2G，然后是Good 2G，然后是Regular 3G，Good 3G，Regular 4G，DSL，然后是WiFi。选择其中一个选项，然后重新加载您所在的页面或在地址栏中输入另一个 URL。只需确保您位于显示开发人员工具的同一选项卡中。限制仅适用于您启用它的选项卡。

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

使用 GPRS 时，www.google.com 的加载时间高达 16 秒！总体而言，这是一款内置于 Chrome 中的出色工具，可用于在较慢的连接上测试网站加载时间。如果您有任何问题，请随时发表评论。享受吧！

【讨论】：

好答案，阿尔巴兹！

详细透彻！谢谢！