タグ

chromeに関するsawa_zenのブックマーク (1)

  • Chromeデベロッパーツールのモバイル向けデバッグ機能について | infoScoop開発者ブログ

    つい最近まで知りませんでしたが、バージョン33以降のChromeのデベロッパーツールにモバイル向けのデバッグ機能として搭載された「エミュレーション機能」と「リモートデバッギング機能」が便利だったので紹介したいと思います。 エミュレーション機能 デベロッパーツールの起動 デバッグしたいページを開いた状態で、Ctrl+Shift+i(Macの場合はCommand+Option+i)を押して、デベロッパーツールを開きます。 エミュレータの起動 デベロッパーツールの右上のコンソールアイコンを押してコンソール開き、「Emulation」タブを選択します。 「Device」をクリックしてデバイス一覧からデバイスを選択して「Emulate」ボタンを押してエミュレータを起動します。 スクリーン設定 デバイス一覧に対象のデバイスがなければ、スクリーン設定タブで解像度、ピクセル密度を個別に設定することも可能で

    Chromeデベロッパーツールのモバイル向けデバッグ機能について | infoScoop開発者ブログ
  • 1