Seattle Software Developers


Pugetworks Blog Archive!

Use Adobe Shadow to Debug Mobile Websites on the Desktop

We've been using Adobe Shadow to test websites on mobile browsers for a few months now. It's basically a group of applications that allow you to sync what's on your mobile screen with what's on your desktop screen. This means you can view a webpage in Safari on an iPhone using Chrome on your laptop (great), but what's better is that you can also use the Developer Tools built into Chrome to inspect and edit live HTML/CSS and Javascript, just as you would do when debugging a normal web page.

If this doesn't excite you, you probably haven't spent hours trying to track down a trivial rendering bug on an iPhone, all the while knowing it would take you five minutes to fix if only you had access to an actual testing environment.

Adobe Shadow is free, and works on Windows and Mac, iPhone and Android.

Mobile DevelopmentAdam