12

主にiPadで動作するjqueryコンポーネントを開発しています。とにかく、デバイス自体でイベントをチェックするのではなく、デスクトップで「touchstart」および「touchend」イベントをシミュレートする方法があります。

4

3 に答える 3

6

Chrome ブラウザ内の Chrome Dev-tools を使用すると、タッチ イベントをエミュレートできます。https://developers.google.com/chrome-developer-tools/docs/mobile-emulationを参照してください。

ドキュメントから...

タッチ イベントのエミュレート

ほとんどのデスクトップにはタッチ入力がないため、タッチはデスクトップでテストするのが難しい入力方法です。モバイルでテストする必要があると、開発サイクルが長くなる可能性があります。これは、加えたすべての変更をサーバーにプッシュしてからデバイスにロードする必要があるためです。

この問題の解決策は、開発マシンでタッチ イベントをシミュレートすることです。シングルタッチの場合、Chrome DevTools はシングル タッチ イベントのエミュレーションをサポートし、デスクトップでのモバイル アプリケーションのデバッグを容易にします。

Chrome ブラウザーから使用するには (バージョン 29.0.1547.65 以降):

  1. ブラウザ ウィンドウの右上にある Chrome メニュー (3 本の線) を選択します。
  2. [ツール] > [開発者ツール] を選択します。(ショートカット Shift+Control+I)
    ツール ウィンドウが下部に表示され、[コンソール] タブが選択されます。
  3. 右下にある歯車の設定をクリックします (歯車のように見えます)。
    「一般」が上部にある設定パネルが表示されます。
  4. 左側の [オーバーライド] をクリックして、オーバーライド パネルを選択します。
  5. 下にスクロールして「タッチイベントを有効にする」にチェックを入れます
  6. ページをリロードする

マウスがぼやけた円として表示されます。クリックして「タッチ」します。

于 2013-09-09T21:35:37.333 に答える