[Chrome]DevToolsの新機能「デバイスモード」を試してみる(回線速度調整)


[まとめ] 現在開催中のKindleセール情報はこちら


2014/10/08追記
本日リリースされたChrome
バージョン 38.0.2125.101
にてデバイスモードが追加されました。
これでフロントエンド開発が更に便利になりますね。

少し前ですが、「モバイルWeb開発に役立つ!Chrome DevToolsの新機能「デバイスモード」」の記事を読んで、デバイスモードを試してみたいと思っていました。

ただ、現状のChromeだとまだこちらの機能は使えないので調べてみたところ、

Chrome Canary

にはデバイスモードが実装されていることが判明!

早速ダウンロードして試してみました。

  • まずはこちらからダウンロード
    canary0

  • 「Command + alt + i」でDevToolsを開く

  • スマホアイコンをクリック

canary2

  • 画面にルーラーや色々なメニューが増えます

canary1

  • 画面上部にある「Network」の部分を選択すると、回線速度の変更ができます

canary3

Chromeだけで低速ネットワーク時のテストができるのでお手軽です。

他にも色々機能がありそうですが、回線速度変更しか使っていないので今回はここまで。

[まとめ] 現在開催中のKindleセール情報はこちら