• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Adobe Shadow – another way of remote debugging mobile web apps in iOS and Android
 

Adobe Shadow – another way of remote debugging mobile web apps in iOS and Android

on

  • 572 views

dobe has come out with the preview version of their new tool Adobe Shadow that allows front-end web developers and designers to work faster and more efficiently by streamlining the preview process, ...

dobe has come out with the preview version of their new tool Adobe Shadow that allows front-end web developers and designers to work faster and more efficiently by streamlining the preview process, making it easier to customize websites for mobile devices. With shadow you can remotely preview your mobile web projects and also debug them. In fact Shadow uses the WEINRE debug/web inspector client to allow developers to remotely inspect HTML , view console logs and also make changes to the DOM. In the last post I have talked about WEINRE in details. You can refer it if you are new to WEINRE. For the full post visit the blog post link or download this file. Blog link: http://jbkflex.wordpress.com/2012/04/16/adobe-shadow-another-way-of-remote-debugging-mobile-web-apps-in-ios-and-android/

Statistics

Views

Total Views
572
Views on SlideShare
572
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft Word

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Adobe Shadow – another way of remote debugging mobile web apps in iOS and Android Adobe Shadow – another way of remote debugging mobile web apps in iOS and Android Document Transcript

    • Adobe Shadow – another way of remote debugging mobile web apps in iOSand Android Logo used from Adobe Labs siteAdobe has come out with the preview version of their new tool Adobe Shadow that allows front-endweb developers and designers to work faster and more efficiently by streamlining the previewprocess, making it easier to customize websites for mobile devices. With shadow you can remotelypreview your mobile web projects and also debug them. In fact Shadow uses the WEINRE debug/webinspector client to allow developers to remotely inspect HTML , view console logs and also make changes to the DOM. In the last post I havetalked about WEINRE in details. You can refer it if you are new to WEINRE.Shadow allows multiple devices (mobile devices) to connect wirelessly to your computer and as you browse in your computer all the target mobiledevices will be in sync. So when you make changes to the HTML DOM in the computer you can see the changes instantly on all the targetdevices.You need three things to configure Shadow and get started,1) Shadow helper application. Install this in your computer. Shadow is not available for Windows XP so you need a Windows 7 machine or aMac (OS X 10.6 and 10.7) machine. This helper application must keep running at the time of a debug session that you will carry.2) Google Chrome browser extension for shadow. You need to install the extension. You will get the link to this in the downloads page below.3) Shadow client app for iOS or Android. Whichever mobile device you have, go to the app market and search for Adobe Shadow, find it andthen install it. For example go to Apple App Store and get the Shadow app and install it.You can find all the downloads in the Adobe Labs site : http://labs.adobe.com/downloads/shadow.htmlYou can also find a very nice video demonstration to get started : http://tv.adobe.com/watch/adobe-technology-sneaks-2012/adobe-shadow.Personally, after trying both Adobe Shadow and Weinre, I found Shadow easier to configure and get started with debugging mobile webapplications remotely. For Weinre you have to install Java separately, use command line instructions and also inject javascript into the clientcode. This at times is a hassle and confusing for first timers.This post was just a kind of teaser for you and in case you have not heard about Adobe Shadow you can give it a try. I also look forward to comeout with a detailed tutorial on how to use Shadow with screenshots of my instance. Till then I am continuing to explore Shadow and similar tools.