Javascript Can'；t使用Chrome调试器在Visual Studio代码中放置断点

我只是尝试调试html页面中的一些javascript

我按如下方式设置配置：

但是当我调试我的html页面时（使用第二个选项“launch the div.html”），它会运行，但我不能设置断点

有什么想法吗

{
//使用IntelliSense了解可能的属性。
//悬停以查看现有属性的描述。
//有关更多信息，请访问：https://go.microsoft.com/fwlink/?linkid=830387
“版本”：“0.2.0”，
“配置”：[
{
“类型”：“铬”，
“请求”：“启动”，
“名称”：“针对本地主机启动Chrome”，
“url”：”http://localhost:8080/",
webRoot:“${workspaceFolder}”
},
{
“类型”：“铬”，
“请求”：“启动”，
“名称”：“启动div.html”，
“源地图”：正确，
“文件：“${workspaceFolder}/div.html”，
webRoot:“${workspaceFolder}”
}
]
}

似乎不支持调试内联JavaScript（我也不能设置断点）。您必须将JS代码分离到自己的文件中，并将其包含到div.html中，如下所示：

现在在div.js中设置断点并开始调试。我在第一次运行调试时遇到问题，即未命中/加载断点。我可以通过点击绿色的“重启”调试按钮来解决这个问题

---

PS：您需要安装Chrome扩展的调试器，但似乎您已经安装了调试器。

使用VSCode 1.39再次检查（2019年9月）

它确实改进了列断点的UI

在调试时，VS代码现在以内联方式显示所有断点候选位置。
这使得用户更容易将断点放置在更准确的位置上。
为了不使UI混乱，只有当行上有多个可能的位置时，才会显示候选断点

您可以直接与内联断点交互；单击以启用和禁用它们，并调用上下文菜单以执行更多操作

请注意，此功能需要底层运行时或调试器的支持，我们预计将来只有少数调试扩展将使用此功能。
对于此版本，节点调试和Chrome调试器支持此功能。
作为扩展作者的一个例子，我们的模拟调试示例“mocks”支持这一点

---

在第二个配置中不需要“url”选项吗？启动第一个配置时设置断点有效吗？我没有运行web服务器，我只是调试一个html页面，所以不需要url，我使用文件…我明白了，对不起。贴出了答案。