All,
I’m working on an HTML-based web app (i.e., not native app) targeted for iPhones.
I typically use Safari’s Debug Console to track down JavaScript errors; it’s pretty handy.
However, when I’m working on some complex JavaScript function – it’s incredibly tedious to switch back and forth between the web app and the console window. Also, there are times when I’d like to see BOTH the window and the app at the same time, so I could see console messages WHILE I’m interacting with the app.
So – is it possible to “mirror” the Debug Console to another device, or too a Mac or PC?
In other words – I’d like to be able to use a web app (or web page) on my iPhone, and have the output from console.log() (or .warn() or .error() or .info()) show up in a window on my development machine.
Adobe has something called Shadow (http://labs.adobe.com/technologies/shadow/) that looks like it does something close:
Adobe® Shadow is a new inspection and preview tool 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.
… but it’s not quite what I’m looking for. (At least, it doesn’t sound like it from the description).
Sorry in advance – I’m pretty new to this type of development, so I’m probably unaware of some tool that everyone else knows.
Either way – thanks for any pointers.
jsconsole.com can do this. Read http://jsconsole.com/remote-debugging.html for more info.
http://youtu.be/Y219Ziuipvc shows you how to do it.