WebアプリのデバッグをChromeでやるために「touch events」を有効化する方法

Webアプリのデバッグは「Chrome」をいつも使ってます。
そのときにやっておく設定が「touch events」の有効化。

設定はカンタンですが、メモしておきます。

デベロッパーツール起動

デバッグするときと同じように起動。


右下のギア・アイコンをクリック

設定項目へ。


設定タブで「Overrides」を選択



「Emulate touch events」をチェック

これでブラウザでWebアプリ用にコーディングしたタッチイベントがクリックで起動するようになります。

デベロッパーツールを再起動

再起動を忘れるとうまく動作しないことがあるようです。
お忘れなく。

Chromeをアップデートしたりするとこの設定が外れてしまうことがあるので、今までタッチイベントが効いていたのにおかしいなと思ったらココの設定をチェックしてみることをオススメします。