For Want Of A Better Word

クロームでブラウザ・端末エミュレート機能の使い方。えらく見つけづらくなった。。

      2015/04/18

クロームのエミュレーターが見つけづらくなったのでメモ。

①デベロッパーツールを開く(F12か 設定ボタン(右上の三みたいなマーク)>ツール>デベロッパーツール)
f:id:fz6:20140714110230p:plain:w400

②デベロッパーツールのコンソールを選択。。その中に「Emulation」という項目があるのだけれど、これがえらく見つけずらい場所にあった。最下部にタブとしてある。

f:id:fz6:20140714110721p:plain:w400

③選択しても、勝手には見えない。端っこをドラッグして、グググッと開いてあげる必要がある。

f:id:fz6:20140714111025p:plain:w400

④したら、デバイスで機種を選んでEmulateボタンでOK。辞める場合はリセット。
【補足】開発モードを開いたページが対象になるので、エミュレートしたいページは都度そのページから開発モードを開いて下さい。他のページで設定した内容は引き継がれます。

f:id:fz6:20140714111513p:plain:w400
f:id:fz6:20140714111516p:plain:w400

以上!

 - android, google, php, その他

  関連記事

CentOSをインストールしたときにいつも最初にやること(apache mysql phpのインストール)

SElinuxの無効化 iptableの無効化 apacheのインストール・自動 …

辞書順比較・数値順比較・自然順の違い

Contents1 辞書順と数値順2 (補足)辞書順で、「文字と数字」 「大文字 …

[php]ログインセッションの維持・有効期間について (session,cookie)

cookieとsessionファイルと、登場人物が複数いるので、どこに何を設定す …

MongoDBとPHP_リンクと個人的ポイントまとめ

=============================== リンク集 === …

[ruby][php]Excel出力操作の方法

Excel出力が要件としてもとめられた、言語は問わない、WEBではなくバッチで。 …