VSCode - 使用vscode-chrome-debug在Web应用程序中调试iframe

Question

使用最新的VS代码和优秀的Chrome Debug扩展程序。

我有一个网站，我无法调试工作，这是因为我想要调试的代码是在iframe中。只是在框架中运行页面对我来说不起作用（因为auth和postMessage等等）。

Chrome DevTools中的文件夹结构如下所示：http://imgur.com/2VLjD1j。我想调试所选的wfm文件夹，这是我在VSCode中打开的。

由网络服务器托管的映射是（虽然我不能直接点击 - 如果我尝试使用他们的工作区 - >代码自动化，这就是Chrome映射的内容）： https://localhost:4300/contact-center/components/wfm

我没有看到任何方式告诉插件我想在launch.json中调试这个iframe，但为了完整性，这是我到目前为止所拥有的：

{
        "name": "Launch with sourcemaps",
        "type": "chrome",
        "request": "launch",
        "url": "https://localhost:4300/dca",
        "sourceMaps": true,
        "userDataDir": "/Users/${env.USER}/Library/Application\\ Support/Google/ChromePersonal",
        "webRoot": "${workspaceRoot}"
}