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

2014/10/08追記

本日リリースされたChrome バージョン 38.0.2125.101にてデバイスモードが追加されました。

これでフロントエンド開発が更に便利になりますね。

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

ただ、現状のChromeだとまだこちらの機能は使えないので調べてみたところ、 「Chrome Canary」 にはデバイスモードが実装されていることが判明！ 早速ダウンロードして試してみました。

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

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

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

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

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

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

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