4
4

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.

PCでタッチでバイスを再現する

Last updated at Posted at 2014-05-20

#やりたかったこと

スマホサイト制作で、on touch イベントを使うことがありました。

そのテストのために毎回サーバーにアップして実機でテストするなんて、面倒!

PCでタッチを再現できたら楽だなあ…

#解決策

Chrome の拡張機能を入れたら、いけました。

c Touch r3
https://chrome.google.com/webstore/detail/ctouch-r3-filesystem/iemofinbkpbpamdjljafoheiaamajgdn/related

参考にしたサイトには、Chrome のアップデートにより、いろいろ設定しないと使えないという話でしたが、インストールしてすぐに使えました。

環境はMac OS X 10.8

使えなかった場合は、下記URLを参考に設定をいじってみてください。

参考URL
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11116576661

#追記
コメントにて、Chrome のDeveloper tool でもタッチイベント再現できるよという情報をいただきました。

で、探してみたのですがなかなか切り替えの設定方法がわからない…

と思っていた所、次の記事を見つけました。

消えた User Agent の項目。Google Chormeのバージョン32.xのお話

設定ボタン(歯車)左のボタン(>三)→ タブで「Emulation」を選択 → 機種を選んで「Emulate」を押す。

この記事にあるように、Chrome 32 からは非常に見つけづらい場所に移動してしまいました。

4
4
2

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
4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?