タグ

2014年11月6日のブックマーク (1件)

  • chrome デベロッパーツールのマルチデバイス開発向け機能「デバイスモード」 | バシャログ。

    朝晩が寒くなりつつあり、戦々恐々としている kimoto です。寒いの嫌い。暑いのも嫌いだけど。 さて、すでに知っている人はもちろん沢山いると思いますが、chrome のデベロッパーツールの中の「デバイスモード」が便利なので、さらっとご紹介。 デベロッパーツールとは デベロッパーツールは右上の「三」みたいなアイコンから、「その他ツール」→「デベロッパーツール」で使えます。 デベロッパーツールは、HTML 構造の確認や読み込み時間の測定、JavaScript のデバッグツールなど、機能は多岐にわたります。 その中で今回紹介するのは「デバイスモード」です。 デベロッパーツールの左上の携帯アイコンからデバイスモードに入れます。 デバイスモードのここが便利!いろいろなデバイスをシミュレートできる デバイスモードに入ると、画面はこんな感じになります。 左上の「Device」というところのプルダウンを