Emulate WebKit touch events using addTouch
Testing multitouch code on the iPhone is a bit tedious. I don't have a Mac, so I don't have access to the iPhone emulator in Xcode. I do have a tiny web server installed on my development machine, so I mostly open the project on my iPhone over Wi-Fi using a local IP address. That way I can test my new features instantly, and verify that some bug has been fixed.
When you visit a touch-enabled web page that includes
addTouch.json an iOS device, nothing out of the ordinary happens. The web page simply works as intended. But when you visit the same web page using any modern desktop browser, adding
addTouch.css to the
<head> of your web page, and you can test your touch-enabled web page in any modern desktop browser.
This version of addTouch only emulates the raw
touchend events. It does not emulate any of the
gesture* events, nor does it emulate the
click event. Also on the "TO DO" list is to add support for Mozilla-style touch events like
Please let me know what you think, and if addTouch helps you. Note that addTouch supports almost any version of Chrome and Safari. I have only tested it in Firefox 4, but I would be surprised if it didn't work in Firefox 3.6. For Internet Explorer, you will need a recent Platform Preview version of IE9.
The latest version of the code is always available in the GitHub repository.