问题标签 [chrome-debugging]

是否有任何选项，如Just my CodeC# 行上的调试，以防止步入 Javascript 缩小库？

我正在使用 Visual Studio Code 中的 Chrome Debugger 插件来调试 Angular 应用程序。升级到使用 angular/cli@1.7.0 后，我们在调试时无法再在 VS Code 中的打字稿代码中打断点。如果我们回滚到 angular/cli@1.6.7，断点会再次开始工作。

这是我的 ng -v 输出：

还有其他人遇到这种情况吗？

我有一个带有打开的Dev/F12 工具（在 Chrome 中）的网页。

当页面调整大小时，观察到的 div 的样式属性之一肯定会被一些 JavaScript 代码修改（chrome 以紫色显示修改后的属性）：

有没有办法知道，JS 代码到底是做什么的，跟踪 DOM 元素修改的 JS 源？

我正在使用 Visual Studio 代码中的 AngularDart，并且在我的包中设置断点和调试时遇到问题。看起来源映射都是相对的，所以 chrome 调试器在 ${webroot}/packages/etc 中查找，它实际上并没有正确链接回 dart 文件。

以下是 Chrome 调试器的 .scripts 的一些示例输出：

有没有办法让它工作？

我想为初学者提供一些简单的步骤，了解如何为 react-native 正确完成此操作。有 Reactjs 和 Angular 的教程，但没有 react-native 的教程，事实证明很难完成。

如主题所述，我无法在 Visual Studio Code（版本：1.23.0）中安装 Debugger for Chrome 扩展。正如其他帖子中所建议的，我关闭了 VS Code，转到 User.vscode\extensions，删除了对它的任何引用，然后重新启动了 VS Code。我尝试使用命令行并收到此错误（命令：code --install-extension msjsdiag.debugger-for-chrome）：

我正在使用最新的 Visual Studio Code 和 Chrome 调试器扩展，我的代码是 React SPA。
当我试图在 生成器函数 （即 function* ）中设置断点时，断点被移动到函数的顶部，并且我无法在需要时停止。

Step Over 也不起作用，但将我移至一些低级库。

对于正常功能，断点工作正常。

我错过了什么吗？这是已知的限制还是错误？是否有任何工具（例如 Edge/Firefox 或原生 Chrome 调试器）可以更好地调试生成器功能？

在 VSCode 的动态加载脚本中设置断点是不可能的。

结果证明它们是未经验证的断点。

未验证的断点，由于找不到生成的代码而忽略了断点（源映射问题？）。

我在 launch.json 中尝试了各种 sourceMap 选项 - 无济于事。

在我 F5 调试我的 ASP.NET 2.1/Angular 6.1 之后，我确实得到了我请求的本地主机服务器。我没有收到“启用 Chrome 以使用 VS2017 进行调试”。我正在使用 VS2017 15.7.4

用 Chrome 和 VS2017 调试很棒。以下是我的一些设置：

Network我可以在选项卡中看到我的 HTTP 请求。Chrome 调试器是否有办法让我在源代码中找到发起请求的位置？