I’ve discovered a new web development friend which I’d like you to meet. It has eased the pain of viewing and testing websites and apps on various devices. It’s especially awesome for responsive web development. I’m not one for touting a particular product, but when a small tool helps in a big way and fits in seamlessly with your work process it’s worth sharing.
Ready…it’s name is Adobe Shadow and I’m a fan.
It doesn’t do a ton of things but what it does do is exactly what I need. Synchronized browsing, screenshots and remotely inspecting your code.
Here’s the scoop.
- Pair multiple Apple iOS and Google Android devices to your computer over a wireless connection. With Shadow, you can browse in Google Chrome and all connected devices will stay in sync.
- Take screenshots of the current page from any connected device.
The one downside is that it only works with Google Chrome so cross browser testing isn’t possible but I’ve heard there is a bunch of stuff in the pipeline so you never know.
It’s easy to setup.
- Just download the Adobe Shadow app onto your device, in my case an iPhone.
- Install the Chrome Extension
- Install Adobe Shadow on your computer
Testing your pages with Shadow is a breeze. Just browse using Chrome and all devices that have been connected will follow along. This enables you to test the appearance and behavior of any page on a variety of devices at one time. Plus, Shadow will keep your device from going to sleep, so you no longer need to unlock the device when you want to test the page.
To find out more, check out: