在 Chrome DevTools 中禁用源映射答案

【问题标题】：Disable source maps in Chrome DevTools在 Chrome DevTools 中禁用源映射
【发布时间】：2016-05-02 07:44:12
【问题描述】：

有没有一种快速的方法可以从 Chrome DevTools 中显示的 jsx 代码切换到原始 ES5 并再次切换回来？

【问题讨论】：

标签： javascript google-chrome google-chrome-devtools source-maps

【解决方案1】：

打开开发者工具，进入开发者工具的“设置”，然后在“来源”设置下取消选中Enable JavaScript Sourcemaps。

【讨论】：

谢谢，我看到了。不幸的是，更改此选项需要刷新才能生效。我希望有一些方法可以在不刷新的情况下切换选项。
谢谢，我很好奇为什么这是必要的，因为它肯定总是在引擎盖下运行 es5，并且源映射只是通知调试器当前语句在源中的哪一行代码？
因为在加载时而不是在运行时检查源映射设置。很可能是出于内存和性能原因，因为在运行时处理此问题需要开销。您可以在issue tracker 上提交功能请求，看看是否可以重新配置为在运行时完成。
对于像我一样难以找到这些设置的人，请参阅：i.imgur.com/9aMlBfg.png
我刚试过这个，它似乎有立竿见影的效果，即似乎不再需要页面刷新。

【解决方案2】：

您可以双击行号从源文件跳转到未缩小的输出文件。除此之外，它似乎有限。请参阅下面的评论。

我发现这在开发过程中很有用。使用webpack-dev-server（或其他一些工具）而不压缩js时，可以双击源文件中的行号跳转到编译后但未压缩的输出文件。

我只是偶然发现了这一点，然后在 2016 年 12 月 21 日发现了这条评论： https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7

可以双击行号跳转到原文文件，但如果缩小的文件包含所有换行符，那将毫无用处删除:(

自动换行会使这项工作更好 https://bugs.chromium.org/p/chromium/issues/detail?id=167287

我认为有一些支持双击缩小文件以跳转到源映射文件，但似乎最近退步了。

理想情况下，在带有源映射的缩小文件中，右键单击（或双击）缩小文件中的任何地方都应该允许跳转到确切的文件、行和列

【讨论】：

当我双击一个行号时，它会添加然后删除一个断点。我错过了什么吗？
身份证。它似乎只是在某些时候这样做。只有当 Chrome 似乎喜欢 sourcemap 时。你可以尝试一些不同的线路或不同的项目，但我真的没有更好的建议。 Chrome 应该能更好地支持这一点。
如果可行，你将如何在一行上切换断点？ :)