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. about_debug-4.jpg

    JavaScript

    Android端末のデフォルト・ブラウザでJavaScriptのデバッグをする方法

    Webアプリをデザインするときに必須となるのがJavaScript…

  2. css_sprite.jpg
  3. 20120826222152

    JavaScript

    JavaScriptでテキストボックスから値を取得する

    テキストボックスに入力された値を取得します。Elementオブジ…

  4. 20120716134815

    JavaScript

    正規表現で入力されたテキストが有効かをチェックする

    テキストボックスに入力されたテキストが整数かどうかをチェックします…

  5. oncomplete_function.jpg

    JavaScript

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

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

  6. js_comment.jpg

    JavaScript

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

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

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 懐かしい!!カードダスSD戦国伝!!
  6. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  8. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  9. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  10. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」

アーカイブ

  1. 日常

    今そこにある危機
  2. バースデー・シガー2016「COHIBA Mini WHITE」

    ライフスタイル

    バースデー・シガー2016「COHIBA Mini WHITE」
  3. silicone_ice_lolly-1.jpg

    無印良品

    【無印良品】シリコーン製氷器「アイスバー」をセールでゲット♪
  4. 日常

    攻めどころがムズイ
  5. セミナー

    情報系の文化風土の現況とユビキタスGUI(グラフィカルユーザインターフェース)を…
PAGE TOP