Question

有人可以告诉我如何使用Edge浏览器扩展进行调试吗？我阅读了文档，但我对json.config事情非常不熟悉，这对我来说毫无意义。我不明白我应该把这个文件放在哪里或者它是如何生成的。

我从powershell的角度理解json.config，因为有一个解释。我似乎无法从这些知识中汲取灵感，以便在浏览器中进行调试。

因为我是界面的新手。当我点击调试器中的cog时，我得到：

{
"folders": [],
"settings": {}
}

这是json.config吗？我真的不确定。

我按照此处的说明尝试执行启动模式： https://github.com/Microsoft/vscode-edge-debug

它说把它放在json.config中：

{
"version": "0.1.0",
"configurations": [
    {
        "name": "Launch localhost with sourcemaps",
        "type": "edge",
        "request": "launch",
        "url": "http://localhost/mypage.html",
        "webRoot": "${workspaceRoot}/app/files",
        "sourceMaps": true
    },
    {
        "name": "Launch index.html (without sourcemaps)",
        "type": "edge",
        "request": "launch",
        "file": "${workspaceRoot}/index.html"
    },
]
}

我不知道是否应该消除所有其他设置或将其嵌套在其中一个预定义区域中。

希望有人可以解释一下。

最终我尝试使用SharePoint进行某种形式的javascript调试，但是现在我只想让插件正常工作。

Answer 1

我不得不观看视频并阅读说明来解决这个问题。该网站确实拥有它，但我无法弄清楚在哪里。调试指南有帮助。

我的问题是我试图启动一个远程站点并且无法让它运行起来。我发现它并不遥远。文件必须是本地的。

Answer 2

来自https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_43.md#remote-debugging

远程调试

您现在可以从远程工作区（如VS Online）调试浏览器代码或远程SSH-在新的调试器中。要进行此设置，请转发您的 Web服务器（或使用简单的静态Web服务器），然后创建一个 chrome或pwa-msedge启动配置，指向转发的港口。例如：

{   "version": "0.2.0",   "configurations": [
     {
       "type": "pwa-msedge",
       "request": "launch",
       "name": "Debug my App",
       "url": "http://localhost:5000", // <- debug an app forwarded on port 5000
     }   
  ] 
}

启动时，浏览器将在您的计算机上打开，您可以像往常一样从VS Code进行调试。

通常请参见https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_43.md#new-javascript-debugger和v1.42发行说明https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_42.md#new-javascript-debugger。

在Edge Browser json.config解释中的VS Code调试

2 个答案: