Имитация сенсорных событий в браузере ПК

Question

Я занимаюсь разработкой HTML-приложения для iPad. В качестве такового он использует сенсорные события и анимацию webkit-CSS.

До сих пор я использовал chrome в качестве среды отладки, потому что это потрясающий режим разработчика.

Мне бы хотелось иметь возможность отлаживать мой Html / JavaScript с помощью отладчика Google-Chrome на моем ПК, моделируя сенсорные события с помощью мыши.

На моем сайте нет событий мультитач и мыши (нет мыши на iPad).

На самом деле мне не интересно видеть макет приложения, а больше отлаживать его поведение.

Есть ли какой-нибудь плагин для преобразования событий мыши в сенсорные события в настольном браузере?

Answer 1

По состоянию на 13 апреля 2012 г.

В сборках Google Chrome для разработчиков и канареек теперь есть флажок «Эмулировать сенсорные события»

Найти его можно, открывинструменты разработчика F12 и щелчок по шестерёнке в правом нижнем углу экрана.

На данный момент (Chrome ver.36.0.1985.125) вы можете найти его здесь: F12 => Esc => Эмуляция.

Answer 2

Настольный браузер может имитировать сенсорные события, импортируя дополнительные JS + CSS. Взгляните на:

1. addTouch
2. Призрачная конечность

Answer 3

Другим способом имитации мультитач в настольном браузере является Touch Emulator of Hammer.js

Answer 4

Мы используем этот скрипт: http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ Это позволит вместо этого всем событиям мыши в вашем приложении вызываться сенсорными событиями. Итак, поскольку у нас уже было веб-приложение, в котором использовались щелчки правой кнопкой мыши, перетаскивание и т. Д., Это позволило нам выполнять все те же функции с помощью касания.

Я знаю, что это почти обратная симуляция, которую вы искали (вы должны будете написать свое приложение, чтобы в первую очередь использовать его мышью), но я надеюсь, что в любом случае это поможет.

Answer 5

Я наткнулся на эту маленькую библиотеку на основе библиотеки JQ UI. Довольно изящный:

http://touchpunch.furf.com/

Answer 6

Если вы нацелены именно на Webkit (iPad и все), вы можете положиться на обычный код обработчика событий (add / removeEventListener). Имея это в виду, вам, вероятно, нужно просто перейти на несколько событий - например, «ontouchstart» становится «onclick» в зависимости от среды.

Впрочем, я не знаю ни одной библиотеки, обеспечивающей такой уровень ветвления. Довольно легко сделать самому.