25

More than 5 years have passed since last update.

Network Throttling Profile で様々なネットワークをエミュレートする

Chrome

Posted at 2016-03-06

Web 開発ではよく使われているようですので、メモを残しておきます

Google Chrome のデベロッパーツールを使うと、
2G や 3G、WiFi 等の環境のネットワークの条件をエミュレートできます。

デベロッパーツールを開きます
Network を選択します
No throttling を選択して、エミュレートしたいネットワークの条件を選択します

スクリーンショット 2016-03-06 11.07.30.png

上記から選択する以外に、Custom の Add... からエミュレートしたいネットワークの条件を設定することも可能です。

試してみる

No throttling

スクリーンショット 2016-03-06 11.12.30.png

WiFi （Download: 30Mb/s, Upload: 15Mb/s, Latency: 2ms）

スクリーンショット 2016-03-06 10.54.24.png

Regular 4G （4Mb/s, 3Mb/s, 20ms）

スクリーンショット 2016-03-06 10.55.57.png

Regular 3G （750kb/s, 250kb/s, 100ms）

スクリーンショット 2016-03-06 10.53.54.png

Regular 2G （250kb/s, 50kb/s, 300ms）

スクリーンショット 2016-03-06 10.53.39.png

参考

Device Mode Mobile Emulation - Google Chrome

25

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

25