launch.json configuration for debugging client side javascript without using a web server

Question

The launch.json's Chrome configuration by default assumes that I am using a Web server. Its content are as follows:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

What if I want to debug a client side JavaScript but I am not using a Web server. My pages are simple HTML pages. Can I still use VS Code extension "Debugger for Chrome" to do this? Or something else may be?

Is it possible to use the file:/// protocol inside the url property of the launch.json to enable client side JavaScript debugging in Visual Studio without using a Web server.

I can't find any documentation that addresses this.

SwDevMan81 · Accepted Answer · 2020-01-21 18:27:52Z

4

Use the below Json in launch.json

{
    "version": "0.1.0",
    "configurations": [
        {
            "name": "Launch localhost",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost/mypage.html",
            "webRoot": "${workspaceFolder}/wwwroot"
        },
        {
            "name": "Launch index.html",
            "type": "chrome",
            "request": "launch",
            "file": "${workspaceFolder}/index.html"
        },
    ]
}

You can find more explanation in the below mentioned URL VSCODE JS DEBUG

edited Jan 21, 2020 at 18:27

SwDevMan81

50.2k24 gold badges155 silver badges190 bronze badges

answered Oct 7, 2018 at 7:17

Prasanna Brabourame

8478 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Water Cooler v2 Over a year ago

Thank you very much. So, I have to change the launch.json for every html file I need to run and debug?

Mark Over a year ago

$(file) See code.visualstudio.com/docs/editor/variables-reference for the current file.

Collectives™ on Stack Overflow

launch.json configuration for debugging client side javascript without using a web server

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related