如何将 VS Code 调试器附加到 Internet Explorer 11 for JavaScript/HTML答案

【问题标题】：How to attach VS Code Debugger to Internet Explorer 11 for JavaScript/HTML如何将 VS Code 调试器附加到 Internet Explorer 11 for JavaScript/HTML
【发布时间】：2017-12-27 17:55:12
【问题描述】：

我正在尝试添加一个调试配置，允许我调试一个普通的 JavaScript 应用程序。没有服务器端代码或服务器，只有一个带有原生 JavaScript 的 .html 文件。

我希望能够使用 VS Code 调试器、断点等，并通过按 F5 在 Internet Explorer 11 中进行预览。

我能够让我的 launch.json 配置运行 Chrome，但它似乎不像普通 Visual Studio 那样附加到进程。我想知道如何用 iexplore.exe 做到这一点：

            {
                "version": "0.2.0",
                "configurations": [
                    {
                        "type": "chrome",
                        "request": "launch",
                        "name": "Launch Chrome against localhost",
                        "url": "${file}",
                        "webRoot": "${workspaceRoot}"
                    }
                ]
            }

我找不到任何关于如何设置这些值的文档。我发现的所有内容都在谈论 nodejs。我不使用节点。我也对下载扩展不感兴趣，因为这是基本的东西，应该是可配置的，因为它们都是 Microsoft 产品。我确定有人已经解决了这个问题。

【问题讨论】：

你成功了吗？
虽然您无法调试，但我运行 chrome 调试器的成功有限，然后只需将 url 复制/粘贴到 IE 中。你不能打断点，但你至少可以在 IE 中以这种方式运行它。 console.log(object) 可以让您根据需要查看 javascript 值。

标签： javascript debugging internet-explorer visual-studio-code

【解决方案1】：

您能够附加到 Chrome 的原因是您安装了 debugger extension。 Chrome、Firefox 和 Edge 有扩展名，但 IE 没有。

如果您想为 IE 使用 JavaScript 调试器，则必须安装 Visual Studio。 Community Edition 是免费的，如果您符合标准（个人使用，或仅用于学习目的的公司）。

【讨论】：

【解决方案2】：

有一个类似的 Alpha 版本，IE Diagnostic Adapter。

【讨论】：