I've been asked a lot recently about the mobile iOS and Android device screen sharing utilities I use for blogs, presentations and screen casts and wanted to take a moment to share what I've been using. These kinds of utilities have become a regular (and essential) part of my workflow in so many ways. Being a part of a distributed team, they make it possible to share what an actual device is doing over a Google Hangout. As a writer and speaker, they free me from having to use only simulators (and perhaps provide some tension and excitement as I hope that my app actually works on the device when I'm presenting!). So - what do I use?
For Android devices, I use a handy (& free!) jar file called "Droid@Screen". You read that correctly - I said "jar file" – so you'll need Java installed (but I assume you already have it if you're building Android apps). The Droid@Screen website has great instructions on getting up and running - so I won't repeat those here. However, I will share a couple of useful bits to save you some time.
The instructions I linked to mention this as well. However, what they fail to mention is that newer versions of Android (4.2+) don't automatically show the "Settings -> Developer Options" menu. Jason Cipriani has a post explaining how to get the Developer Options menu to appear.
Once you've followed the instructions to get Droid@Screen installed, you can run this command in your terminal to start it (assuming we're in the directory where the .jar file is located):
java -jar droidAtScreen-1.0.1.jar
Bash history or not, I don't want to have to type this out every time! If you're on Mac OS X or Linux (or using a bash emulator on Windows), you can create an alias. I downloaded Droid@Screen to my ~/Downloads folder and then created an alias by adding this to my .bashrc (if you're using a Mac, you can add it to your ~/.profile):
alias das="java -jar ~/Downloads/droidAtScreen-1.0.1.jar"
Now - all you have to do is type das and Droid@Screen will launch.
Ok – so, you've installed Droid@Screen, enabled USB debugging on your device - and maybe even created an alias – how do we use it?
Here's a quick video of using Droid@Screen, showing the highlights of what it can do:
If you own an Apple device, you are probably familiar with AirPlay - which allows you to stream video & audio from an AirPlay-capable device to another. Reflector is an app that takes advantage of AirPlay to mirror your iPhone/iPad device screens to your Mac and PC (and the Windows users rejoiced, right?). One thing to note: while Reflector is free to try, the paid app costs $12.99. I can honestly say that it's earned that and much more back since I've bought it.
Here's a quick video of using Reflector, like our other video, showing the highlights:
These are just a couple of utilities I've been using over the last few months. I'd love to hear of any alternative screen viewers (or any utilities in general) you've found helpful while writing mobile apps!
TJ VanToll is a web developer, speaker, and writer living in Lansing, MI and working as a developer advocate for Telerik. He is an open source advocate that is on the jQuery UI team and publishes his blog open source. TJ is also the author of an upcoming book from Manning: jQuery UI in Action. When not online, TJ is generally found chasing his twin sons in circles. TJ is @tjvantoll on Twitter and tjvantoll on Github.