JavaScript

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

chrome_touchevents

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

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

  1. デベロッパーツール起動
  2. デバッグするときと同じように起動。
    chrome_touchevents

  3. 右下のギア・アイコンをクリック
  4. 設定項目へ。
    chrome_touchevents

  5. 設定タブで「Overrides」を選択
  6. chrome_touchevents

  7. 「Emulate touch events」をチェック
  8. これでブラウザでWebアプリ用にコーディングしたタッチイベントがクリックで起動するようになります。

  9. デベロッパーツールを再起動
  10. 再起動を忘れるとうまく動作しないことがあるようです。
    お忘れなく。

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

関連記事

  1. JavaScript

    背景画像をJavaScriptで入れ替える2種類の方法

    ものごとには「正解」というものがひとつではない、ってことが多いもん…

  2. JavaScript

    強力なアニメーション用のJavaScriptライブラリー「TweenMax.js」が便利!

    jQueryでもアニメーションはできるのですが、それよりも表現力豊…

  3. JavaScript

    【TweenMax.js】アニメーション終わりに関数を呼び出す!

    最近はWebアプリでアニメーションが必要になったときに、「Twen…

  4. JavaScript

    JavaScriptでグローバル変数を減らす方法

    グローバル変数はいいことない!もしかしたら使っているライブラリー…

  5. JavaScript

    【TweenMax.js】回転アニメーションも楽々!

    以前も記事に書いたアニメーション用のJavaScriptライブラリ…

  6. JavaScript

    WebアプリでCanvasを使うための指定方法

    Webアプリをデザインするときのお決まりになりつつあるHTML5の…

最近の記事

  1. ホワイトハウスコックスの財布
  2. 進撃の巨人展FINAL チラシ
  3. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  4. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  5. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  6. 【コレクション】カードダス:SDガンダム外伝シリーズ
  7. 懐かしい!!カードダスSD戦国伝!!

アーカイブ

  1. 日常

    晩ご飯は出前で
  2. MTG

    【MTG】ラヴニカへの回帰 イベントデッキ「破壊と怒り」を購入♪
  3. セミナー

    Gマークを使うのは有料!? d勉強の会「わかりやすいGマーク」がホントにわかりや…
  4. 日常

    香港断片:手形
  5. 展覧会

    奈良原一高「時空の鏡:シンクロニシティ」展
PAGE TOP