2012-02-20 6 views
17

jqueryモバイルアプリを構築してChromeでテストしています。デバッグが素晴らしいので、私にとって最高です。マウスでChrome(PC)でスワイプ(左または右)をすることはできますか?

私はTAPHOLDイベントを使用していましたが、スワイプライトイベントのためにそのイベントから離れることに決めました。

クロムはタポールを実際に登録していたので、マウスでスワイプを登録することを希望しました。しかし、他に何かをしなければ、登録することはできません...誰ですか?

答えて

2

ここでの回答の多くは古くて古いものです。 Chrome 63では、開発ツールを開いた状態で応答モードになっている限り、スワイプが組み込まれています。デベロッパーツール(3ドット→ツール→デベロッパーツール)を開き、左側の携帯電話/タブレットアイコンをクリックしてChromeをモバイルモードにします。次にクリックしたままにすると、カーソルが点に変わったことがわかり、スワイプできます。

+1

私はこれを今すぐ検証する立場にはいませんが、あなたの担当者に基づいてあなたが正しいと完全に想定しています。この質問は何年も前に聞かれたので、私はこの答えを切り換えました。 –

10

デスクトップブラウザでは、スワイプをテストするマウスの右ボタンを使用する傾向があります。コンテキストメニューが開きますが、実際には機能します(通常はChrome 17とFirefox 10を使用します)。

たとえば、ChromeやFirefoxで画像を左クリックしてからスワイプすると画像が選択され、画像の透明なサムネイルを移動します。しかし、スワイプイベントを右クリックしてスワイプすると、解雇されます。

UPDATE

このアップデートはかなり遅れてパンチにあるが、これはただもう必要ありません。実際、Chrome開発ツール(私が使用していたもの)は、デバイスをエミュレートすることについてかなり良くなっています。

+0

HOLY moly!出来た!!私は推測したことはありません!ありがとう、トン! –

+0

それは上品です、ジャスパー!私はあなたがそれを見つけたのだろうかと思います:) – Pitto

17

実際のクロム開発ツール(試したクロム20)は、タッチとスワイプのイベントをエミュレートできます。 ツールのオプションを使用してその動作を有効にすることができます。下部の小さな歯車を使ってアクセスできます。

オプションから[タッチイベントをエミュレート]をオンにするだけです。次に、マウスでスワイプすることもできます。

+1

私の経験では、タッチイベントが機能するように開発者ツールを開いていなければなりません。 – Jasper

+0

@ジャスパークイックヒントをお寄せいただきありがとうございます。開発ツールが閉じられてから、以前は機能しませんでした。 –

8

更新:これは、デフォルトではChromeで有効になっているように見える(2014年9月のよう37.0.2062.120)あなたは次のようにします。

  1. オープン開発ツール
  2. 少し電話のアイコンをクリックして左上の検索アイコンの横にある(エレメントタブの隣に)
  3. エミュレーションタブは、ドロップダウンからデバイスモデルを選択します。

前の答え:

クロム(32.0.1700の現在のバージョンではこの作業を取得します。2014年2月のように107)あなたは次のようにします。

  1. オープン開発ツール
  2. 右上
  3. ギアアイコンをクリックしオーバーライド]タブを選択し、左
  4. をクリックしますコンソール・ドロワーの 'エミュレーション'ビューを表示
  5. 設定ポップアップを閉じる
  6. Opコンソール(ギアの左にあるボタン)
  7. EN(次のコンソールと検索への)コンソールでエミュレーションタブ
  8. は、デバイスを選択し、エミュレートをクリックして(とにリセットをクリックしますエミュレーションをキャンセルする)
+0

Mac OS Xの最新のChrome:Chromeバージョン39.0.2171.65(64ビット)でスワイプを処理できません。 www.swipejs.comでテストしてください –

関連する問題