本文目录 [隐藏]

Google-Chrome-Logo-Featured.jpg

I. 主理人序

在线观看4K/8K视频至少需要多少带宽？（YouTube/Netflix）

主理人序 大多数中高端机场均可实现8K轻松秒开；但大多数时候，我们要考虑流量的消耗，显示设备的分辨率及主机性能跟不...

YouTube标准 电信联盟标准 显示分辨率 观影消耗流量 带宽要求 下载速率
1080P HD 2K 1920x1080 2GB左右/小时 2-10Mbps 0.25-1.25MB/s
1440P - 2560x1440 4Gb左右/小时 10-20Mbps 1.25-2.5MB/s
2160P 4K 3840x2160 11GB左右/小时 25-30Mbps 3-4MB/s
4230p(60) 8K 7680x4320 44GB左右/小时 50Mbps- 6MB/s+

谷歌浏览器开发者工具真的很棒！

II. 谷歌浏览器开发者工具介绍

谷歌浏览器开发者工具.png

Elements 元素面板：检查和调整页面，调试DOM和CSS，查看节点绑定事件、动画
Console 控制台面板：调试JavaScript，查看日志，交互式代码调试
Network 网络面板：接口、页面资源请求监控，调试网络活动
Application 应用面板：查看和调试客户端存储，如Cookie、LocalStorage、SessionStorage、图片、字体、样式
Sources 源代码资源面板：调试JavaScript页面源代码，进行断点调试
Performance 性能面板：查看页面性能细节，细粒度对网页载入进行性能优化
Security 安全面板：查看页面安全及证书问题
Memory 内存面板：JavaScript CPU分析器，内存堆分析器
Audis 使用Google Lighthouse辅助性能分析，给出优化建议

Chrome 开发者工具是一套内置于 Google Chrome 中的Web开发和调试工具，可用来对网站进行迭代、调试和分析；

III. 如何使用谷歌浏览器开发者工具

https://developers.google.com/web/tools/chrome-devtools?hl=zh-cn
开发者工具学习页面没有中文了！2333...

- 打开 Chrome 开发者工具的方式

更多工具 - 开发者工具.png

1.在 Chrome 菜单中选择 更多工具 > 开发者工具；

鼠标右键 - 选择“检查”.png

2.在页面元素上右键点击，选择 “检查”；

3.使用 快捷键 Ctrl+Shift+I (Windows) 或 command+option+I (Mac)。更多快捷键https://developers.google.com/web/tools/chrome-devtools/shortcuts

IV. Dev - Network-Throttling 限速设置

Chrome-Network-Throttling.png

如上图；throttling，翻译为节流，控制阀； Latency，翻译为 延迟；

Network-Throttling-Profile-add.png

点击 add 按钮进行速率自定义，博主设置的是 Download为2000kb/s，Upload为2000kb/s；（不是很清楚为什么保存设置后 Chrome 的换算单位变成了 MB/s，这表意上是错的，实际应该是 Mb/s，Mb/s=Mbps，两兆带宽；这个带宽限制刚好可以看 YouTube 480p - 高清720p，勉强） via 系统要求；

2Mbps - 0.25MB/s.png

Internet Speed Test - Cloudflare - 实际测速.png

Get?

V. Download 数值设置参考

MiB和MB，KiB和KB等的区别

此文为什么保持严谨；博主翻了翻谷歌搜索结果，有很多答案，其中部分有瞎扯的成分；本文将就 MiB和MB，KiB和KB...

1Mbps = 1000Kbps ≈ 976.563 kibps；GET？

10的3次方 = 1000，和2的10次方 = 1024，在数值上差距不大，不过有碍严谨。
YouTube标准 电信联盟标准 观影消耗流量 带宽要求 throttling 下载速度设置
1080P HD 2K 2GB左右/小时 2-10Mbps 2-10*1000=10000kb/s
1440P - 4Gb左右/小时 10-20Mbps 10-20*1000=20000kb/s
2160P 4K 11GB左右/小时 25-30Mbps 25-30*1000=25000kb/s
4230p(60) 8K 44GB左右/小时 50Mbps- 50*1000=50000kb/s

以观看8K为例，限速下载速度为 50Mbps - 填写数值为50000kb/s.png

以观看8K为例，观影带宽最低要求需达到 50Mbps - ，则填写数值为50000即可（50*1000kb/s=50000kb/s）；

VI. 谷歌浏览器开发者工具 - 在小窗口打开

开发者工具从当前页面分离.png

不想开发者工具占据页面右半部分？ - 如上图，开发者工具项下点击更多按钮，Dock side 选择 UNdock into Seperate Window；（从当前页面分离；）

VII. 注意事项（限速如何生效）

开发者工具的设置仅作用当前页面；即你在哪个标签页调出开发者工具，即你的设置就在哪个标签页生效；在 Chrome 中使用标签页；

作用逻辑，在一个标签页内（New Tab）打开一个网页如 https://speed.cloudflare.com/ ， 此时调出 谷歌浏览器开发者工具，设置好 Throttling 网速并选用，该设置将在下一次页面加载中生效（比如说，你按了F5或 command + r 快捷键重新加载页面，或者在该标签页的地址栏输入其他网站；）；

当前标签页生效.png

谷歌浏览器开发者工具 - 小窗口打开.png

版权属于：毒奶

联系我们：https://limbopro.com/6.html
毒奶搜索：https://limbopro.com/search.html
毒奶导航：https://limbopro.com/daohang/index.html

本文链接：https://limbopro.com/archives/Chrome-dev-Network-Throttling-Settings.html

知识共享许可协议
本文采用 CC BY-NC-SA 4.0 许可协议，转载或引用本文时请遵守许可协议，注明出处、不得用于商业用途！

最后修改：2023 年 03 月 30 日 10 : 57 AM
© 允许规范转载