低速度回線での検証

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

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

設定変更

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

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

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

カスタマイズ

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