在 Chrome DevTools 中禁用源映射

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


答案 1

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

Settings for Developer Tools

JS sourcemaps toggle


答案 2

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

我发现这在开发过程中很有用。使用(或其他工具)而不缩小 js 时,可以双击源文件中的行号以跳转到已编译但未缩小的输出文件。webpack-dev-server

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

您可以双击行号以跳转到原始文件,但如果缩小的文件删除了所有换行符,则这是非常有用:(

使用自动换行将使此功能更好地工作 https://bugs.chromium.org/p/chromium/issues/detail?id=167287

我认为有一些支持双击缩小文件的一部分以跳转到源映射文件,但它最近似乎已经回归。

理想情况下,在具有源映射的缩小文件中,右键单击(或双击)缩小文件中的任意位置应允许跳转到该确切文件,行和列