Chrome教程之使用Chrome DevTools命令菜单运行命令

博客介绍了模拟移动设备及限制网络流量和 CPU 占用率的方法。可点击 Toggle Device Toolbar 模拟移动设备;从 Throttle 列表选择相应选项限制网络和 CPU 占用率,也可分别在 Performance 或 Network 面板单独限制;还能通过点击 Customize and control DevTools 替换地理定位。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.模拟移动设备

点击 Toggle Device Toolbar
006tNc79ly1g3c95re252j31350u0qqo.jpg

2.限制网络流量和 CPU 占用率

要限制网络流量和 CPU 占用率,请从 Throttle 列表中选择 Mid-tier mobileLow-end mobile

006tNc79ly1g3c8b2wxomj316c0u0te2.jpg

Mid-tier mobile 可模拟快速 3G 网络,并限制 CPU 占用率,以使模拟性能比普通性能低 4 倍。 Low-end mobile 可模拟慢速 3G 网络,并限制 CPU 占用率,以使模拟性能比普通性能低 6 倍。 请记住,限制是相对于笔记本电脑或桌面设备的普通性能而言。

请注意,如果 Device Toolbar 布局较窄,则会隐藏 Throttle 列表。

2.1只限制 CPU 占用率

如果只限制 CPU 占用率而不限制网络流量,请转至 Performance 面板,点击 Capture Settings

006tNc79ly1g3c8b3c2i1j314t0u0436.jpg

2.2只限制网络流量

如果只限制网络流量而不限制 CPU 占用率,请转至 Network 面板,然后从 Throttle 列表中选择 Fast 3GSlow 3G

006tNc79ly1g3c8b23cwdj31fm0u0447.jpg

2.3.替换地理定位

要打开地理定位替换界面,请点击 Customize and control DevTools

006tNc79ly1g3c8b111w5j31110u0jvt.jpg

Geolocation 列表中选择其中一个预设,或选择 Custom location 以输入自己的坐标,或选择 Location unavailable 以测试您的页面在地理定位处于错误状态时的表现。

006tNc79ly1g3c9g31870j31300sagz5.jpg

转载于:https://www.cnblogs.com/yueshutong/p/10917229.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值