🕌
Chrome devtool で CPU を もっと制限したい
概要
基本的に、開発者の使用している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 に制限しています
公式ドキュメント
Discussion