How to debug a website on Windows Phone? [not remote debug]

Giorgio picture Giorgio · Mar 12, 2013 · Viewed 25.1k times · Source

I am a web developer and would like to debug a webapp/website on a Windows Phone device. It would be neat to have some kind of window where I can see the javascript console.

I know how to get the console window on both Android (about:debug) and iOS (Developer console), but I have not yet figured out how on Windows Phone. Is it possibible, and if so, how?

EDIT:
What I am looking for is not remote debugging. I am looking for a debug console on the actual device.

Answer

Neil Turner picture Neil Turner · Mar 13, 2013

Windows Phone 7.5+ (IE9) and 8 (IE10) doesn't have a debug console but it's possible to add it to your web app via JSConsole by Remy Sharp.

Setting up a remote debugging session is straight forward enough. Visit jsconsole.com, get a unique session ID, add the session ID and JS snippet to your web app and you're good to go. More detailed setup instructions and video can be found on the website.

And although the JSConsole instructions doesn't explicitly mention Windows Phone support, a number of websites have confirmed it works.

Other tools, which may also be of use, are mentioned on a previous Stackoverflow question.

UPDATE: Internet Explorer 11 (IE11) introduces a new emulation tool which allows local (assuming you're running Windows 8.1) testing and debugging of websites for Windows Phone.