1. TOP>
2. JavaScript Tips>
3. Chromeでtouchイベントをエミュレートする

Chromeでtouchイベントをエミュレートする

Androidスマートフォンやタブレット向けのWebアプリケーションを開発していて、レスポンス向上のためにボタン押下の処理をclickではなくtouchend等のイベントで処理することがある。しかし、これをやるとPC用のブラウザでは動かなくなってしまうので、ただでさえやりにくいデバッグが更にやりにくくなる。

しかし、WindowsのChromeにはこのtouchイベントをエミュレートする機能がある。[ツール]-[デベロッパーツール]メニューを選択してデベロッパーツールを表示する。デベロッパーツール右下の"Settings"ボタン（ギアみたいなボタン）を押下して、"Overrides"タブの一番下の方の"Emulate touch events"にチェックを入れれば、touchイベントが処理される。この機能はChromeのバージョン24で確認した。