在 ChromeDevTools 中禁用源地图

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

89626 次浏览

打开开发工具,转到开发工具的“设置”,然后在“源”设置下取消选中 Enable JavaScript Sourcemaps

Settings for Developer Tools

JS sourcemaps toggle

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

我发现这在开发过程中很有用。当使用 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

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

理想情况下,在一个有源地图的缩小文件中,右键单击(或 双击)缩小文件中的任何地方应允许跳转到 一模一样的文件,行和列