Chromeのエミュレーターが使えなくなった!と悩んでいる方のための解決方法

Webサービス・ソフトウェア

どうもみなさま、おはこんばんちわ!アリマックスです。

最近のアップデートで、Chromeのエミュレーターが使えなくたった!って人いませんか?(因みに私のChromeの現在のバージョンは37)

焦らないで下さい、使えなくなったわけではなく、ちょっとUIが変わっただけなので大丈夫です!

Chromeのエミュレーターを開く

まずはいつも通りにGoogle Chromeでエミュレーターを開きましょう。

右クリックで要素を検証をクリック

Chromeエミュレーター1

するとこんな風にデバッグモードのウィンドウの様なものが表示されます。

今までは下の方のEmulationタブを選択すると、エミュレーションしたい端末を選択したりする設定が出てきていたはずなのにでなくなってしまった!しかもエミュレーションされてないし…。あれ?ウィンドウに何か書いてあるぞ?

Chromeエミュレート2

Emulation is currently disabled. Toggle in the main toolbar to enable it.

拡大するとこんな風に書いてある。

Chrome3

Emulation is currently disabled. Toggle in the main toolbar to enable it.ですって???

………………………

…………………

…………

……

あっ!なーるほどね!私は英語が得意なのですぐにわかりましたが、わからない皆さんの為に説明しますね

Chrome5

つまりこれはエミュレーションが無効になっているので、ツールバーのボタン押せばなおるよという意味なんですよ。

というわけで左上のスマホアイコンの様な物をクリックしましょう

Chrome6

そして設定のDeviceをクリック

 

 

Chrome8

エミュレートしたい端末を選択して

Chrome9

後はブラウザをリロード(リロードの必要ないかも)

 

Chrome10

でたー!良かった良かった!

Chrome11

まとめ

こういう細かいブラウザの仕様などは、変わるたびに色々と焦ってしまいますが、なんとかなるものですね!しかし…英語ペラペラになりたいなぁ

コメント

タイトルとURLをコピーしました