30
25

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

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

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

  1. デベロッパーツールを開きます
  2. Network を選択します
  3. 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

参考

30
25
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
30
25

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?