55
55

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

パソコンのGoogle ChromeでUser Agentとかを設定変更したい

Last updated at Posted at 2014-01-10

パソコンのGoogle ChromeでUser Agentとかを設定変更したい

2014/01/09に、ChromeのデベロッパーツールでUser Agentの設定が見当たらなくなって
\(^o^)/ってなった僕と同じような人が多数いるかと思います。
どうやら設定項目の入力フォームが変更されたようです。

Chromeのバージョンを確かめたら、 32.0.1700.72 mでした。

User Agentを変更する

  1. デベロッパーツールを開く
    右クリックメニューで 要素を編集 を選択、もしくは、F12キーを押下で開けます。
  2. 設定フォームを開く
    ここで右上の設定アイコン(歯車っぽいやつ)をクリックで開けます。
    google_chrome01.PNG
  3. Emulationをオンにする
    メニュー内のOverridesをクリックし、
    Show 'Emulation' view in console drawer にチェックを入れます。
    google_chrome02.PNG
    ×をクリックして設定画面を閉じます。
  4. User Agentを変更する
    今度は設定アイコンの左隣のメニューアイコン(メニューっぽいやつww)をクリックします。
    google_chrome03.PNG
    Emulationタブをクリックします。
    Deviceのプルダウンメニューで適当に Apple iPhone 5 とか選んでみます。
    これだけでもUser Agentが変更できているはずです。スバラシイ。
    google_chrome04.PNG
    Screenの Emulate screen のチェックボックスは、設定が面倒でしたら外した方が見やすいかなと思います。
    また、User Agentを個別で設定することもできます。
    User Agentのプルダウンメニューで適当に iPhone ― iOS7 とか選べます。

Touch Eventを発生させる

Touch Eventでないとスマホ向けサイトのボタンが反応しないことがあるので、その設定をします。
Sensorsの Emulate touch screen にチェックを入れます。
google_chrome05.PNG
これでマウスカーソルが変な●になるwwwクリック時にTouch Eventを発生させることができます。

まとめ

急に新しいバージョンのChromeになってもめげずに設定入力フォームを探しましょう!

55
55
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
55
55

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?