Моделирование событий касания в браузере ПК

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

До сих пор я использовал хром в качестве среды отладки из-за этого удивительного режима разработчика.

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

Мой сайт не имеет никаких событий с несколькими касаниями и никаких событий мыши (без мыши на iPad).

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

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

Ответ 1

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

В разработчике Google Chrome и канарейках теперь установлен флажок "Emulate touch events"

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

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

Ответ 2

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

Ответ 3

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

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

Ответ 4

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

http://touchpunch.furf.com/

Ответ 5

Другим способом имитации многократного нажатия на настольный браузер является сенсорный эмулятор Hammer.js

Ответ 6

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

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