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

    JavaScript

    JavaScriptでグローバル変数の使いどころを見直してパフォーマンスを改善する

    JavaScriptのコードの中では、どこにデータを格納するかでコ…

  2. QueryString.jpg

    JavaScript

    クエリーストリングを利用してWebページ間でデータを受け渡してみる

    「クエリーストリング」っていうのは以下のようなGoogleで検索し…

  3. scope.jpg

    JavaScript

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

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

  4. js_comment.jpg

    JavaScript

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

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

  5. oncomplete_function.jpg

    JavaScript

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

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

  6. getElementById

    JavaScript

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

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

最近の記事

  1. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  2. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  3. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  4. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  5. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  6. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  7. コミックのイラストが新鮮だった!『MARVEL展』
  8. シンプルで使い易い!!「雷に強い マイクロタップ 4個口」
  9. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  10. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」

アーカイブ

  1. 日常

    I’m photographer!?
  2. fb022d1ac056d555673c17937de7f431.png

    JavaScript

    強力なアニメーション用のJavaScriptライブラリー「TweenMax.js…
  3. tirolchoco_kinako-1.jpg

    グルメ

    チロルチョコのきなこもちが10周年! 記念の「きなこもちBOX」で食べ比べできる…
  4. 20120609135349

    サービス

    RSS配信のログも見たいから『Google feedburner』を導入してみた…
  5. 日常

    アイ、か・・・
PAGE TOP