如何为Chrome(或Edge)扩展程序设置调试器,以正确设置wwwroot外部提供的断点源文件?

R.StackUser

我的项目的布局如下:

${workspaceFolder}
  /wwwroot
  /res

/ res目录用于通过安全控制器提供文件。

我的问题是通过“ Chrome调试器”(或Edge)扩展进行VS Code中的源代码调试时。

如果我在VS Code中的JS文件中放置一个断点,则该文件将在wwwroot目录下存在的情况下正常运行(该文件在源代码处停止)。

但是,如果从/ res目录(在Web浏览器中的/ res)提供js文件,则VS Code将打开该文件的新实例,而不是源实例。

我认为我需要为调试器进行某种目录映射,以将http:// localhost / res转换为$ {workspaceFolder} / res以调试源文件,但是不确定正确的设置(可能需要设置sourceMapPathOverrides,但我的尝试失败了。)。

R.StackUser

我使用了错误的命令。pathMapping是我需要使用的。

下面的launch.json配置使我可以断点位于wwwroot之外的源文件(在本例中为/ res)

{
    "name": "Launch localhost in Microsoft Edge (Chromium) Canary",
    "type": "edge",
    "request": "launch",
    "version": "canary",
    "url": "http://127.0.0.1:5100/test.html",
    "webRoot": "${workspaceFolder}/wwwroot",
    "pathMapping": {
        "/res": "${workspaceFolder}/res"
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在调试器中设置任意断点

来自分类Dev

在调试器中设置任意断点

来自分类Dev

如何为VS Code设置python调试器?

来自分类Dev

如何向 Chromium 调试器发送命令(设置断点)?

来自分类Dev

稍后如何向 Visual Studio 调试器提供源文件?

来自分类Dev

如何为Python(调试器)设置Visual Studio Code stdin / stdout重定向?

来自分类Dev

如何为Chrome设置可调试标志?

来自分类Dev

如何为Chrome设置可调试标志?

来自分类Dev

不能调试APK:“要设置断点调试,请附上Java源文件”

来自分类Dev

iOS 8:如何正确设置扩展程序以使用模拟器在Xcode中对其进行调试?

来自分类Dev

设置“条件”断点时,Xcode调试器运行缓慢吗?

来自分类Dev

在Visual Studio Code C ++调试器中设置断点时出错

来自分类Dev

如何调试Gradle build.gradle文件(在调试器中,带有断点)?

来自分类Dev

如何在Delphi 7中设置调试器参数?

来自分类Dev

如何使用JavaScript设置Chrome扩展程序的文件下载位置?

来自分类Dev

如何为Scala配置调试器

来自分类Dev

设置VS调试器的字节序

来自分类Dev

设置Windows服务的事后调试器

来自分类Dev

Chrome扩展程序设置

来自分类Dev

Javascript无法正常运行,但在放置断点并从chrome调试器工具中单击文件时可以正常工作

来自分类Dev

Javascript无法正常运行,但在放置断点并从chrome调试器工具中单击文件时可以正常工作

来自分类Dev

如何在Chrome / Edge调试器中更改二进制消息的显示格式?

来自分类Dev

如何为特定文件扩展名设置默认应用程序

来自分类Dev

如何为特定文件扩展名设置默认应用程序

来自分类Dev

如何为引发异常的Python控制台应用程序运行Python调试器

来自分类Dev

lldb不允许设置断点或列出源文件

来自分类Dev

在wwwroot外部调试TypeScript文件

来自分类Dev

Chrome扩展程序-保存设置

来自分类Dev

如何在Boch中正确设置断点

Related 相关文章

  1. 1

    在调试器中设置任意断点

  2. 2

    在调试器中设置任意断点

  3. 3

    如何为VS Code设置python调试器?

  4. 4

    如何向 Chromium 调试器发送命令(设置断点)?

  5. 5

    稍后如何向 Visual Studio 调试器提供源文件?

  6. 6

    如何为Python(调试器)设置Visual Studio Code stdin / stdout重定向?

  7. 7

    如何为Chrome设置可调试标志?

  8. 8

    如何为Chrome设置可调试标志?

  9. 9

    不能调试APK:“要设置断点调试,请附上Java源文件”

  10. 10

    iOS 8:如何正确设置扩展程序以使用模拟器在Xcode中对其进行调试?

  11. 11

    设置“条件”断点时,Xcode调试器运行缓慢吗?

  12. 12

    在Visual Studio Code C ++调试器中设置断点时出错

  13. 13

    如何调试Gradle build.gradle文件(在调试器中,带有断点)?

  14. 14

    如何在Delphi 7中设置调试器参数?

  15. 15

    如何使用JavaScript设置Chrome扩展程序的文件下载位置?

  16. 16

    如何为Scala配置调试器

  17. 17

    设置VS调试器的字节序

  18. 18

    设置Windows服务的事后调试器

  19. 19

    Chrome扩展程序设置

  20. 20

    Javascript无法正常运行,但在放置断点并从chrome调试器工具中单击文件时可以正常工作

  21. 21

    Javascript无法正常运行,但在放置断点并从chrome调试器工具中单击文件时可以正常工作

  22. 22

    如何在Chrome / Edge调试器中更改二进制消息的显示格式?

  23. 23

    如何为特定文件扩展名设置默认应用程序

  24. 24

    如何为特定文件扩展名设置默认应用程序

  25. 25

    如何为引发异常的Python控制台应用程序运行Python调试器

  26. 26

    lldb不允许设置断点或列出源文件

  27. 27

    在wwwroot外部调试TypeScript文件

  28. 28

    Chrome扩展程序-保存设置

  29. 29

    如何在Boch中正确设置断点

热门标签

归档