使用 Chrome DevTools 模拟缓慢的 3G 网络速度

转自：Simulate slow 3G network speed with Chrome DevTools

有时我们可能想测试测试弱网环境下各种操作能否正常被执行或者是否有异常报错提示。但是当今世界，5G盛行，在不移动自己电脑位置的情况下很难找到一个弱网环境，但是 Chrome DevTools 中模拟慢速(或快速)网络连接！！

有一个选项可以模拟较慢的 3G 速度(和其他速度)。

前往：

F12 或开发者工具
网络
在线，您将获得一个下拉菜单。

您可以模拟快速、慢速、离线或您选择的自定义速度。

自定义配置文件设置预览：

使用此工具，我能够查看我的网站在慢速网络(或任何速度)上的行为。可以用来测试弱网环境下各种操作能否正常被执行或者是否有异常报错提示。

转自：Simulate slow 3G network speed with Chrome DevTools

使用 Chrome DevTools 模拟缓慢的 3G 网络速度相关推荐

Chrome调试技巧模拟慢速3G网络
这样就可以是调试3G网络测试, add是用来自定义网速的
手机Web前端调试页面之——Chrome DevTools（谷歌浏览器）的模拟手机调试
Chrome DevTools(谷歌浏览器)的模拟手机调试前言在客户端开发中,由于使用手机app加载webview页面,客户端与前端经常会出现数据交互情况: 但是在手机中无法调试看到前端代码的步骤 ...
国内三大制式3G网络简介及比较
比比谁最快随着中国电信近期3G网络试商用的开始,越来越多的用户开始关注国内3G网络上网速度,"传说"中的3G网络速度到底有多快呢?据最新的数据显示,中国电信的试商用测试信号可以达 ...
Chrome DevTools 之 Network，网络加载分析利器
虽然一直在用Chrome DevTools,但大多停留在常用的功能和调试上,比如Elements/Network/Sources/Console等主要功能,而对于性能分析/优化相关的Timeline/ ...
fiddler模拟弱网2G和3G网络延迟设置
一. 针对弱网测试场景 App及网页端测试,2G/3G网络场景下操作是否出现未知错误. 二. 如何对fiddler进行设置? 1.打开fiddler,工具栏Tools->Options配置好代理 ...
脱离996，Chrome DevTools 面板全攻略！！！（收藏）
李华西,微医云服务团队前端开发工程师,喜欢瞎折腾,典型猫奴 Console 面板此章节请打开 justwe7.github.io/devtools/console/console.html 一起食用 ...
Chrome DevTools — Network
https://www.cnblogs.com/zhaoyihao/p/7390374.html 记录网络请求默认情况下,只要DevTools在开启状态,DevTools会记录所有的网络请求,当然, ...
Chrome DevTools — Network 1
记录网络请求默认情况下,只要DevTools在开启状态,DevTools会记录所有的网络请求,当然,记录都是在Network面板展示的. 停止记录网络请求点击Stop recording netw ...
Chrome DevTools 调研笔记
1 说明此篇文章针对Chrome DevTools常用功能进行调研分析.描述了每个功能点能实现的功能.应用场景和详细操作. 2 Elements 2.1 功能检查和实时更新页面的HTML与C ...

使用 Chrome DevTools 模拟缓慢的 3G 网络速度

使用 Chrome DevTools 模拟缓慢的 3G 网络速度相关推荐

最新文章

热门文章