Fare Haritaya Dokunmak Masaüstü tarayıcılarda Mobil Web Sitelerini test etmek için Olaylar

Question

Şu anda mobil cihazlarda da çalışması gereken bir web sitesi geliştiriyorum. Ancak (tabii ki) Javascript'i kullandığımdan beri, masaüstü tabanlı test ortamına (FireFox, FireBug, vb.) Sahip olmayı tercih ederim. Web Sitesini bir Masaüstü Tarayıcısında test edebilmek, ancak tüm dokunma araçlarını bir Mobil Cihazmış gibi “simüle etmek” için Fare Olaylarını Dokunma Etkinlikleri ile eşleştirmenin bir yolu var mı?

Bunu başka bir şekilde yapmak için birçok kütüphane/işlev gördüm, ama istediğim bu değil.

Answer 1

Klavyeyi ekran hareketleriyle eşleştirdiğim bir yöntem kullanıyorum. Örneğin, üzerinde çalıştığım bir sitede, sola kaydırdığımda sayfanın geriye gitmesini ve sağa kaydırırsam sonraki sayfaya gitmesini istiyorum. JQuery Mobile API'sini kullanıyorum.

İlk my ayıklayıcı tooler: Her sayfa farklı bir şey yapmak istiyorsanız

$(document).keypress(function(event) { 
    // Simulate Left Flick (A) 
    if (event.which == '97') { 
      alert('LEFT FLICK'); 
      SomeFunction1(); 
    } 
    // Simulate Right Flick (D) 
    if (event.which == '100') { 
      alert('RIGHT FLICK'); 
      SomeFunction2(); 
    } 
    }); 

My sayfalar sayfanıza basışı nesne kravat gerektiğini, şu şablonu

$("#Page") 
    .live('swipeleft',function() { 
      SomeFunction1(); 
    }) 
    .live('swiperight',function() { 
      SomeFunction2() 
    }); 

var. Kodun böyle bir şeye benzeyeceksin.

$("#Page") 
    .live('swipeleft',function() { 
      SomeFunction1(); 
    }) 
    .live('swiperight',function() { 
      SomeFunction2() 
    }) 
    .keypress(function(event) { 
      // Simulate Left Flick (A) 
      if (event.which == '97') { 
       alert('LEFT FLICK'); 
       SomeFunction1(); 
      } 
      // Simulate Right Flick (D) 
      if (event.which == '100') { 
       alert('RIGHT FLICK'); 
       SomeFunction2(); 
      } 
    }); 

Sadece ayıklayıcı kodunda == "#" event.which değiştirerek diğer hareketlere diğer tuşlar atayabilirsiniz.

Bu yardımcı olur umarım!

Answer 2

Firefox'ta (29) Geliştirici'yi açın | Duyarlı Tasarım [Ctrl + ÜstKrktr + M] 'yı görüntüleyin ve "Dokunma Etkinlikleri Simüle Edin" i tıklayın. Daha sonra tokatlamak için fareyi kullanabilirsiniz!