javascript - 断点调试缩小/损坏/编译变量

Question

致力于将 JavaScript 源映射构建到我的工作流程中，我一直在寻找有关调试源映射特定部分的一些文档。在下图中，我正在运行压缩的 Javascript 代码，但通过源映射的魔力，Chrome 调试器能够重建看似未压缩的代码供我调试:

但是，如果您查看局部变量，someNumber 和 someOtherNumber 未定义。相反，我们有 a 和 r，它们是此函数的已编译变量名。这对于 Mozilla Firefox 和 Chrome 都是一样的。

我试着浏览 Chrome DevTools Documentation在 sourcemaps 上，但我没有看到任何关于此的文章。这是源映射调试的当前限制吗？是否有任何解决方法？

更新:

我已经找到了 this thread在 chromium 项目问题中。它看起来不像已经或正在实现。随着团队开始在他们的构建系统中实现 Babel 来编写 ES2015 代码，这正成为一个越来越重要的问题。有没有团队找到解决这个问题的方法？

Answer 1

使用右侧的 Watch Expressions，通常 可以解决这个问题。 展开菜单，然后使用加号按钮添加变量。 您可以使用 someNumber 和 someOtherNumber，甚至 someNumber + someOtherNumber。