Phantom Limb
Brian Carstensen http://viewinglens.com/
What’s it?
So, you know when you’re hackin’ away on that mobile webapp of yours, and you need to debug something, but mobile Safari’s debug console is kinda worthless so you just end up doing a bunch of alerts like it’s 1997? Wouldn’t it be cool if you could run your app in all-grown-up Safari on your desktop?
That’s pretty much what this thing helps you do. Phantom Limb makes your mouse-clicker fire simulated touchstart, touchmove, and touchend events, just like there was no mouse at all and you were pokin’ at the screen like some kinda idiot.
Try it
Make-believe the big box that follows is an iPhone or Android or something, and the creepy little hand is your own creepy little hand, and play the mighty metronome the way God intended it.
If you're lucky, it might even make noise. Browsers' audio support is crazy buggy. I'll get a better demo up later.
Look, now you’re an attractive musician!
Use it
You can stick this script on your page...
<script src="https://github.com/brian-c/phantom-limb/raw/master/phantomLimb.js"></script>
...and on your DOM-loaded event of choice call...
phantomLimb.init({src: 'https://github.com/brian-c/phantom-limb/raw/master/limb-black.png', lefty: false});
Or you can use this bookmarklet to call it on any page:
Or you can grab the source and have your way with it.
&c.
Improvements, bug reports, etc. are all very appreciated. I’m aware of a couple issues that need attention. You’ve no doubt found several more in the 114 seconds you played with it.
The thing’s on the ol’ GitHub.
You can email me at brian.carstensen@gmail.com
My website’s http://viewinglens.com/
You might also be interested in these remote consoles: