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. 20120826222152

    JavaScript

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

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

  2. offset_style.jpg

    JavaScript

    「offset」で取得した値を使い回す

    ちょっとはまったのでメモ。以下のように「offset」と「sty…

  3. QueryString.jpg

    JavaScript

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

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

  4. canvas.jpg

    JavaScript

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

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

  5. obj_clear.jpg

    JavaScript

    配列に入れた無名オブジェクトの値をクリアする

    オブジェクトの値を配列にいれて管理することってけっこうあります。…

  6. trycatch.jpg

    JavaScript

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

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

最近の記事

  1. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  2. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  3. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  4. コミックのイラストが新鮮だった!『MARVEL展』
  5. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  6. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」
  7. 水引と風呂敷の包み方のデザインが美しい引き出物「祝づつみ」
  8. 【無印良品】ちょっと小さいクリップも買っておいて損はない「袋止めクリップ・小」
  9. 【無印良品】普通に使えるクリップが安くてうれしい「袋止めクリップ・大」
  10. 今年の手帳はコレに決めた♪「ほぼ日手帳 2017 オリジナル」

アーカイブ

  1. fancybox-for-wordpress.jpg

    WordPress

    超オススメ! カスタマイズも可能なLightBox風WPプラグイン「FancyB…
  2. 日常

    スタジオ生活
  3. puzdora_-glass-1.jpg

    プロダクト

    はじめての一番くじ「パズル&ドラゴンズ~第2弾~」でグラス当たった♪
  4. 日常

    レベルアップ
  5. Rally_and_Rout-1.jpg

    MTG

    【MTG】ギルド門侵犯イベントデッキ「怒濤の進軍」を買った♪
PAGE TOP