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

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

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

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

мой сайт не имеет никаких событий мультитач и никаких событий мыши (без мыши устройство iPad.)

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

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

6 67
javascript cocoa-touch google-chrome html5 ipad

6 ответов:

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

в Google Chrome developer и canary builds теперь есть флажок "эмулировать события касания"

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

on Chrome v22 Mac OS X

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

95

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

  1. addTouch
  2. Фантом
7

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

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

2

еще один способ имитировать мультитач на рабочем столе браузера является сенсорный эмулятор молотка.js

2

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

http://touchpunch.furf.com/

1

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

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

0