Моделирование событий касания в браузере ПК
Я разрабатываю приложение для iPad для iPad. Таким образом, он использует события касания и анимацию webkit-CSS.
До сих пор я использовал хром в качестве среды отладки из-за этого удивительного режима разработчика.
Что бы я хотел, это иметь возможность отлаживать мой HTML/JavaScript с помощью отладчика Google-Chrome на моем ПК во время моделирования событий касания с помощью мыши.
Мой сайт не имеет никаких событий с несколькими касаниями и никаких событий мыши (без мыши на iPad).
Мне действительно не интересно видеть макет приложений, но больше в отладке его поведения.
Есть ли какой-нибудь плагин для передачи событий мыши в событиях касания в браузере рабочего стола?
Ответы
Ответ 1
По состоянию на 13 апреля 2012 года
В разработчике Google Chrome и канарейках теперь установлен флажок "Emulate touch events"
Вы можете найти его, открыв инструменты разработчика F12 и щелкнув шестерню в правом нижнем углу экрана.
![on Chrome v22 Mac OS X]()
На данный момент (Chrome ver.36.0.1985.125) вы можете найти его здесь: F12 = > Esc = > Эмуляция.
![console]()
Ответ 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" на основе среды.
Оффлайн Я не знаю ни одной библиотеки, предоставляющей этот уровень ветвления. Довольно легко сделать сам.