在 Chrome 中使用 DevTools 限制CPU性能

昨天刷到在思否遇到一个想要限制CPU性能的问题。在我的认知里对于 DevTools 的使用是没办法限制CPU性能的,认为只能够限制网络条件(也就是在 Network 面板中通过修改 throttling 设置来限制网络条件,也错误的把OP的截图当成了调整网络条件的设置了)。
所以会想着通过系统自带的”节电模式”之类的来实现性能限制,或者借助外部的软件来调整CPU、GPU、内存相关的功率来实现性能限制。

但是OP在傍晚自己找到了解决办法,我才知道原来 DevTools 也可以限制CPU的。

设置截图

对于限制的操作就很简单了,进入 Performance 面板就可以在CPU选项中调整了,如果没有看到CPU选项,就点击右上角的齿轮展开更多设置项就可以了。

设置截图2

至于更多的一些操作,可以直接看文末连接中的 Chrome DevTools 文档,我就不CV进来了。

相关链接

如何在 Chrome DevTools 中模拟 10 倍性能降低? - SegmentFault 思否

#仅限制 CPU 占用率 - 使用 Device Mode 模拟移动设备  |  DevTools  |  Chrome for Developers
I wanna make CPU slower than default setting in chrome devtool 😣! - DEV Community
Chrome devtool で CPU を もっと制限したい - Zenn