Article (記事): 2014年1月アーカイブ

55

ソーシャルゲーム(GREE/Mobage/Ameba)スマホサイトをPC/パソコンでプレイする為にUser Agentを設定する方法

ソーシャルゲームをやるときは大体スマートフォンで遊ぶ事になっていますが、GREE、Mobage、Amebaのゲームはまだ大半がブラウザゲームなのでもちろんPCでも設定をすれば遊ぶ事ができます。今回はChromeブラウザの設定になります。

[STEP.0]
見たいページを開きます


[STEP.1]
メニューからデベロッパーツールを選択

img_140103_01.png

ツール > デベロッパーツールで選択します。



[STEP.2]

ブラウザ下に表示されたデベロッパーツールの右下のネジアイコンを選択

img_140103_02.png
※新しいChrome(2014/2/10以降にアップデートした方)は、
ネジアイコンの左にある
>≡
↑このアイコンを押して表示されるEmulationタブをクリックしてください。


[STEP.3]
SettingsのOverridesで設定する

img_140103_03.png

設定する内容は、

  • [ √ ]Enable
  • [ √ ]User Agent (iPhone か Chrome-Android)
  • [ √ ]Device metrics(Screen resolution:320 x 480)
    ↑単なる表示画面サイズなのでモニタのサイズに合わせて設定してください。
  • [ √ ]Emulate touch events


[STEP.4]
そのまま更新すると、スマホサイトが表示されます。


(※クリックしても進まない時は...)

ゲームの作り方によっては、タップしたイベントを、Clickで取得している場合と、Touchで取得している場合があります。これは作る側でバラバラなので、何度もクリックしても進まない事があります。

この場合は、[STEP.3]で設定したOverridesの中に「Emulate touch events」があるので、これを切り替えると認識されます。