Windows 10 / JS : I am stuck with debugging "HelloWorld" app - javascript

I have some experience on HTML5 & JS but really a novice with Windows 10 UWP. At first, I tried to implement simple HelloWorld with HTML5/JS/Win 10/Visual Studio following the instructions of:
https://msdn.microsoft.com/en-us/library/windows/apps/mt280216.aspx
I got the application working without problems but when I tried to study the control flow of the app, I faced some problems:
console.log("text") does not seem to output anything into Visual Studio JavaScript console window. How should I do logging in Windows 10 / Visual studio?
when running my HelloWorld in Visual Studio "localMachine", breakpoints are not working; only when I am running HelloWorld in Visual Studio Emulator, the breakpoints work. What I am doing wrong?
Visual studio is quite complex piece of a tool, so probably I am missing some settings somewhere, so could somebody explain what I am doing wrong

Related

How to Propagate JS Code Changes to Chrome in a Blazor WebAssembly App in Visual Studio

As the title indicates, I am writing in Visual Studio (community 2019) a Blazor WebAssembly app that contains JavaScript (and TypeScript). Sometimes, when I make code changes to the js and then run under the debugger, the old version of the js code is still being used by Chrome (v16.6.1 if memory serves) as shown using their devtools. I have searched endlessly for a way to force the changed file to load, but no luck so far. Any suggestions? Thanks. Steve

How to make Visual Studio automatically clear Javascript console?

I am using Microsoft Visual Studio to build a mobile app using Cordova. The JavaScript console logs in VS are somehow persistent over different debugging sessions, which often causes confusion to myself. How do I make it automatically clear VS console logs every time I build?
I am using Visual Studio 2015.

This may be what you want to use:
console.clear();
https://msdn.microsoft.com/en-us/library/hh696634.aspx

Javascript debugger similar to Visual Studios debugger?

Is there any debugger like there is in Visual Studio,for example in C#, I can follow every step of the program and find out how the code works, which function does it call first or what value does a certain integer has after loop? Thanks

Yes, there is. It's in Visual Studio!
When you launch a your web application from Visual Studio in Internet Explorer you can set breakpoints in your JavaScript code and use the debugger from Visual Studio just as you would with C#.
Make sure that you have debugging scripts enabled in Internet Explorer.
You can find more info here in the documentation Client-Side Script Debugging at MSDN.

How to debug phonegap javascript application on visual studio 2012 emulator

I am trying to run my application on windows 8 phone visual studio emulator but seems like some error in my code. But i am not able to debug the java script code.
Is there any way to debug the code through emulator?
Thanks in advance

You can use JSConsole or weinre (which is BTW also a part of Cordova). You inject a line of code into your JavaScript, which connects to a console on another computer.
Actually, seems someone already made it easy: http://debug.phonegap.com/ (using weinre)

Debug JavaScript in Visual Studio 2010?

Currently I am debugging my JavaScript using Firebug for Firefox. Is there anyway to debug javascript in Visual Studio 2010? The JavaScript isn't part of any Visual Studio project, it's just a .js file that will be linked to a static HTML page (it's to debug school assignments).
I did try searching and the results weren't any more recent than around a year ago. I'm hoping something has changed or there is a better workflow than notepad++ for HTML/JavaScript and Firebug for debugging.

Use the JavaScript debugger keyword in IE.
function onClickRow(detailUrl) {
debugger;
}
When run your page in IE, a debug window will pop up, then select Visual Studio 11.

To use debug in Internet Explorer, you need perform these steps:
enable script debugging in IE (go to Internet options->advanced->browsing and uncheck 'Disable script debugging')
select view->external script debugger->break on next statement
When next javascript statement will be reached, IE will show standard windows debugger selection dialog, when you can select instance of visual studio.
Update:
With visual studio you can attach to browser process(e.g. iexplore.exe) and then debug

This question gets a lot of views so for the sake of completeness I just wanted to mention that I've been using Chrome Developer Tools for a while now. It's been working great for me and is what I recommend now when people ask me this same question.

Yes, but only in IE. Basically just create a web-page project and hit run. It'll launch IE in debugger mode.

disable option from Internet Options like here : http://www.mayanksrivastava.com/2010/02/debugging-java-script-in-visual-studio.html

If you installed VS 2012 and then uninstalled it, you may need to Re-Install Visual Studio 2010.
Error you may get when trying to debug JavaScript:
---------------------------
Microsoft Visual Studio
---------------------------
Unable to attach to the crashing process. The correct version of pdm.dll is not registered. Repair your Visual Studio 2010 installation, or run 'regsvr32.exe "%CommonProgramFiles%\Microsoft Shared\VS7Debug\pdm.dll"'.
---------------------------
OK
---------------------------

If you want to try giving it a shot in IE, I posted about using the js debugger here:
jQuery/Ajax content not appearing/loading in Explorer

Categories