2012-03-26 12 views
7

Per sviluppare e eseguire il debug di applicazioni mobili e tablet, mi piacerebbe essere in grado di emulare il mouse con touchstart, touchmove e touchend.Esiste un componente aggiuntivo o un'estensione per emulare gli eventi tattili?

ho trovato due possibilità:

arto fantasma http://www.vodori.com/blog/phantom-limb.html (non sembra funzionare)

ChromeTouch https://chrome.google.com/webstore/detail/ncegfehgjifmmpnjaihnjpbpddjjebme (Scorre la pagina, ma non generare gli eventi di tocco)

Qualcuno sa di un addon che attiverà eventi touch in un browser webkit desktop?

+0

Questa è una buona alternativa, ma non funziona così per emulare 'touchmove' durante lo sviluppo: http: //stackoverflow.com/questions/9389968/jquery-touchstart-in-browser – SimplGy

+1

Ho risposto qui: http://stackoverflow.com/a/10150177/89484 È ora possibile abilitare l'emulazione di eventi tattili in Chrome DevTools. –

+2

Selezionare ** Emula eventi di tocco ** nel pannello Impostazioni Dev Tools. (Per accedere a Impostazioni, fare clic sull'icona ingranaggio/ingranaggio in basso a destra degli strumenti.) È quindi possibile emulare gli eventi tocco con il mouse e impostare i punti di interruzione (nel pannello Script) per le funzioni di ascolto evento tocco –

risposta

2

L'unica cosa che ho trovato ad eseguire touchmove era di fare qualcosa codificati manualmente come questo:

(function(){ 

var isDown = false 
, dragging 
; 

$('body').bind('mousedown', function(){ isDown = true; }); 
$('body').bind('mousemove', function(){ if(isDown) { dragging(); } });  
$('body').bind('touchmove', function(){ dragging(); }); 
$('body').bind('mouseup', function(){ isDown = false; }); 

dragging = function() { 
    console.log('content being drug'); 
} 

})(); 
+7

+1 per "contenuto che è droga" –

Problemi correlati