hbenl.vscode-firefox-debug で VS Code から Firefox に接続して JavaScript をデバッグ

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            // 任意の名称
            "name": "Launch firefox",
            // hbenl.vscode-firefox-debug 識別子
            "type": "firefox",
            "request": "launch",
            // 画面遷移したら再アタッチ
            "reAttach": true,
            // ブラウザ起動 URL
            "url": "http://localhost:8080/top",
            "pathMappings": [
                {
                    // ポート指定している場合は必ずポート番号まで含めること（文字列置換でパスマッピングしているため）
                    "url": "http://localhost:8080",
                    // エディタで開くファイルと一致させること（シンボリックリンクの場合は要注意）
                    "path": "${workspaceFolder}/src/main/resources/templates"
                }
            ],
            // 新しい Firefox で起動。
            // firefox 検索パスはプラグインにより developer -> normal firefox と初期設定されている。
            "firefoxArgs": [
                "-new-instance"
            ],
            // うまく動作しない場合はログでマッピングを確認
            "log": {
                "consoleLevel": {
                    "PathConversion": "Debug",
                    "default": "Error"
                }
            }            
        }
    ]
}