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. scope.jpg

    JavaScript

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

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

  2. tweenmax_js_totation.jpg

    JavaScript

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

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

  3. getElementById

    JavaScript

    JavaScript内で、HTMLのIDを直接指定したらダメ

    Webアプリをデザインしていて、JavaScriptの記述について…

  4. trycatch.jpg

    JavaScript

    JavaScriptでエラーが起っても固まらないように「try-catch」する

    HTML5とJavaScriptでこねこねしてWebアプリを作って…

  5. oncomplete_function.jpg

    JavaScript

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

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

  6. js_comment.jpg

    JavaScript

    JavaScriptでコメントは「/* */」をなるべく使わないようにしたい

    コメントには囲った部分をすべてコメントにする「/* */」と、1…

アーカイブ

  1. results-of-the-summer-lego-review-1.jpg

    LEGO

    レゴ・デロリアンついに商品化決定!
  2. 日常

    The thrill
  3. Thrive-and-Thrash-1.jpg

    MTG

    【MTG】ギルド門侵犯イベントデッキ「止まらない進化」を買った♪
  4. skubb-3-2.jpg

    IKEA

    【IKEA】ざっくり片付けられるBOXが3つも!IKEAの収納「SKUBB ボッ…
  5. css_sprite.jpg

    JavaScript

    iPhoneでWebアプリをデザインするときに気をつけたい、「jpg」ではCSS…
PAGE TOP