hello-world.jp.net
webエンジニアのメモ。とりあえずやってみる。

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

公開日時

2014/10/08追記

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

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


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

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

canary0

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

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

canary2

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

canary1

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

canary3

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

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


Related #chrome

[mac]タブ開きすぎて重い問題を解消してくれるChrome拡張

先日、 Yosemiteにアップデートしてよかったこと、気になったことを書きました。

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

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

Notice: chrome-internal scheme was removed from Chrome

Notice: chrome-internal scheme was removed from Chrome

[mac]chromeの自動更新(アップデート)を無効化する

chromeの自動更新は問答無用で行われてセキュリティ面ではありがたいのですが、作品や検証で使いたい場合に、自動更新されると困る時があります。