chocotakaの日記

日々技術的な事で学んだ小さな事をを自分なりに書いていきます

低速度回線での検証

あけましておめでとうございます。

普段から安定した回線で開発をしたりしていると、つい低速度の回線環境での表示がどのようになっているか見落としがちになってしまいます。 そこでChromeディベロッパーツールのNetworkタブで簡単に回線の調節をする事ができます。

設定変更

さっそくディベロッパーツールを開いて、Networkタブを選択してみましょう。 f:id:chocotaka:20180109231315p:plain

右上にOnlineとなってるセレクターがあるのでそこをクリックすると

f:id:chocotaka:20180109231325p:plain

のように回線の種類が表示されます。 Slow 3Gとあるので試しに選択して、ページをリロードしてみると今までサクサク動いていたページもモッサリになります。

カスタマイズ

さらに一番下にあるAddを選択すると図のように自分で好きなようにカスタマイズが可能なので、検証してみたい速度に設定することが可能です。

f:id:chocotaka:20180109231825p:plain