VS.Code Debugging with a breakpoint in a script inline HTML file

Question

Hi There

In Visual Studio Code, I'm trying to debug/breakpoint a simple HTML file with some JavaScript.

I'm using VS.Code, installed with extension "Live server", and "Debugger for Chrome" to a Google Chrome browser.

The problem is I cannot set any breakpoint in VS.Code HTML-file nor at Chrome DevTools to inspect the code (Says: !--Code injected by live-server--), so is there a wise head, there can help me here ?

Cheers Jan

NB: I have looked at this topic, but it doesn't concern VS.Code: How to set breakpoints in inline Javascript in Google Chrome?

score 2 · Answer 1 · edited Oct 23 '18 at 11:40

2

"debug.allowBreakpointsEverywhere": true

Which will let you set breakpoints in any file, valid or not. I haven't tested it yet with HTML files but that might be a good workaround.

See also: https://github.com/Microsoft/vscode-chrome-debug/issues/122

edited Oct 23 '18 at 11:40

freedomn-m

27,664
8
35
57

answered Oct 23 '18 at 11:33

Flouse

21
5

Seems not to be working any more. VS Code 1.34.0, Debugger for Chrome 4.11.3 – Alex Buchatski May 27 '19 at 17:57
This worked fine for me, once I updated my launch file to point to the right HTML page also. – Tas Sep 05 '19 at 22:48

VS.Code Debugging with a breakpoint in a script inline HTML file

1 Answers1