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

    CSSのプロパティをJavaScriptで指定する

    Elementオブジェクトのstyleプロパティでその要素に対し…

  2. JavaScript

    JavaScriptでは「変数のスコープ」を正しく理解してエラーを減らそう!

    変数の「スコープ」は正しく理解しないと、エラーにならないエラーが起…

  3. JavaScript

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

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

  4. JavaScript

    【TweenMax】「onComplete」で引数を使う方法

    TweenMaxの「onComplete」で引数を使いたい場合って…

  5. JavaScript

    「TweenMax.js」をビジネス利用のためのライセンス購入方法

    いつもJavaScriptのアニメーション部分でお世話になってる「…

  6. JavaScript

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

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

最近の記事

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

アーカイブ

  1. 日常

    お茶こぼした。玉露入り。
  2. Macでプロバイダの設定をする方法(PPPoE設定)

    Mac

    Macでプロバイダの設定をする方法(PPPoE設定)
  3. テーブルウェア

    ビームスとファイヤーキングのコラボ「アルファベット・マグ」が届きました♪ シンプ…
  4. サービス

    誰でも使えるWebの3行広告『zenbackクラシファイド』でホントにアクセスア…
  5. 日常

    まず一息。
PAGE TOP