In a major move on the 24th of September, Adobe has renamed Shadow to Adobe Edge Inspect and now it has become a part of the Adobe Edge Tools and Services : http://html.adobe.com/edge/
Shadow had been a great success for mobile web developers and designers to remotely debug applications on the mobile device in real time. I had been using the preview version of Shadow for quite a time and has found it really useful, the last one being the Shadow Labs Release 4. So now the preview period of Shadow is ending on the 31st of October and after that Shadow will be invalid. Instead you have to download Edge Inspect and start using it.
You can get Edge Inspect by signing up for a free Creative Cloud membership subscription or a paid subscription. Get a account for yourself at: https://creative.adobe.com/join/starter. The free version allows only one device to be paired with your computer while the paid full version allows multiple devices to be paired simultaneously with your computer. Here’s a video demonstration on the new Edge Inspect release
Setting up to get started
So what needs to be installed to get started? It’s the same procedure as Shadow. You will need basically three things,
- Adobe Edge Inspect application for your computer. Previously this was the Shadow helper application. You can download the installer after logging into your Creative Cloud account. Currently Windows7, 8 and Mac OSX 10.6 – 10.8 is supported.
- Edge Inspect client apps for mobile devices. Previously this was the Shadow mobile app. So download the mobile apps from the Apple App Store or the Android Market. Only iOS and Android devices are supported as of now.
- Google Chrome Extension. Download the extension from Google Chrome Web Store. Search for Adobe Edge Inspect and then download and install it. Note that Edge Inspect is compatible only with Google Chrome browser. Even Shadow used to run only with Chrome. So you must be familiar with it.
What has changed?
The functionality and the way you will debug your application has not changed. You have to follow the same steps as you did when using Adobe Shadow. Edge Inspect still uses the open source Weinre (Web Inspector Remote created by Patrick Mueller) tool as its heart of the debugging engine. So the steps remain the same. I have a bunch of tutorials that can help you get started. I posted those tutorials based on Adobe Shadow.
Yes there has been a couple of new features as per my initial observation. Here they are
- Toggle Full screen display on mobile devices – now you can toggle full screen display on all the connected mobile devices from your computer. The Chrome Extension has a new button that allows you to do that. Once you click it, the menu bar on the Shadow client app in your mobile devices will hide and it will reveal more real estate.
- JSBin Integration – Here is my post on using JSBin with Adobe Edge Inspect – http://jbkflex.wordpress.com/2012/10/10/previewing-jsbin-output-in-mobile-devices-using-adobe-edge-inspect/
Learn more about Adobe Edge Inspect and the latest from the Edge Inspect blog: http://blogs.adobe.com/edgeinspect/
Below are some of my previous tutorials that should help you.
- Debugging mobile web applications remotely with Weinre: http://jbkflex.wordpress.com/2012/04/12/debug-mobile-web-applications-remotely-with-weinre/
- Adobe Shadow – another way of remote debugging mobile web apps in iOS and Android: http://jbkflex.wordpress.com/2012/04/16/adobe-shadow-another-way-of-remote-debugging-mobile-web-apps-in-ios-and-android/
- Use your own Weinre server with Adobe Shadow – Step by step: http://jbkflex.wordpress.com/2012/08/28/use-your-own-weinre-server-with-adobe-shadow-step-by-step/
- WEINRE – Web Inspector Remote Video by Patrick Mueller: http://jbkflex.wordpress.com/2012/09/18/weinre-web-inspector-remote-video-by-patrick-mueller/