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

Question

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.

Answer 1

I don't think so. But you can use IE10 and change the User Agent string to simulate you are IE10 in Windows Phone.

Edit

I think all JavaScript functions in the mobile are supported in Desktop. But if it is not a solution I'm afraid your only friend is this : Compact Inspector

Answer 2

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.

Answer 3

My recommendation is to test the website against desktop IE10 with all JavaScript/DOM debugging support you got there - it's 99% similar to IE10 in Windows Phone 8. For additional testing on phone you can install the Windows Phone 8 SDK and launch the website on the emulator.
Edit: nice article How to debug Windows Phone HTML5 Apps using Node.js.

Answer 4

You can use [Weinre][1] with VS2012 / VS2013 phone emulators or an actual device. You have all the details here, very simple to set up nodeJS based solution.

http://sviluppomobile.blogspot.cz/2013/03/how-to-debug-windows-phone-html5-apps.html