🕌

Chrome devtool で CPU を もっと制限したい

2022/03/11に公開

概要

基本的に、開発者の使用しているPCというのは一般的なPCよりも良い性能であることが多い
下手するとCPUの性能を 1/6 に抑えたとしても、シミュレートしきれない程低スペックのPCを使用しているユーザは多数存在する

Chrome devtool では、デフォルトで 4x と 6x しか無いけど、これから書いていく方法を使用して、もっと抑えられる

まとまった記事が発見できなかったため(devtool 周りは chrome のアップデートで頻繁に仕様が変わるからだと思う)、メモ代わりに書いておく

実践

まずは、実験的機能の「Protocol Monitor」を有効にする

設定したら、一度 devtool を開き直し

右上の3点リーダ -> More tools -> Protocol Monitor

開いたツールの下方に、コマンドを打ち込むヤツが出てくるので、下記を打ち込む

{"command":"Emulation.setCPUThrottlingRate","parameters":{"rate": 20}}

rate には throttle したい数値を入れればOK

画像では 20x に制限しています

公式ドキュメント

https://chromedevtools.github.io/devtools-protocol/#:~:text=Click the gear icon in,and then select Protocol monitor

Discussion