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, その他

  関連記事

CakePHPでjoinしようとしたときのエラー 【Notice (8): Undefined offset: 0 [CORE/Cake/Model/Datasource/DboSource.php, line 1714]】

Cakeでfind()からjoinしようとしたときに下記Noticeが出て、検索 …

no image
Redmineのチケットをメールから登録-cronエラー、登録されない問題など、文字化け

下記参考でほぼOK. http://toymoon.blogspot.jp/20 …

【Googleトレンド】【Casperjs】急上昇中キーワードをスクレイピングで取得 – (2) Casperjsのインストール

ということで続き。下記を参考に。 【参考】http://thesportsbus …

【PHP】【Slim】DBの利用は自力で頑張る!

公式の説明とか、サイトを眺めましたが特別O/Rマッパーのような機能は無く。 自分 …

【メモ】simple_html_parserの使い方リンク

[インストール~DOMオブジェクトの取得] http://so-zou.jp/w …