有没有一种快速的方法可以从Chrome DevTools中显示的jsx代码切换到原始的ES5，然后再切换回来？
hxzsmxv21#
打开开发人员工具，转到开发人员工具的“设置”，然后取消选中“源代码”设置下的Enable JavaScript Sourcemaps。
Enable JavaScript Sourcemaps
的数据
的
s5a0g9ez2#
你可以双击行号从源文件跳转到未缩小的输出文件。除此之外，它似乎是有限的。请参阅下面的评论。我发现这在开发过程中很有用，当使用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我认为有一些支持双击缩小文件的一部分跳转到源Map文件，但它似乎已经倒退了。理想情况下，在一个带有源代码Map的缩小文件中，右键单击（或双击）缩小文件中的任何位置都可以跳转到该文件、行和列
webpack-dev-server
xienkqul3#
在Chrome调试器中切换CSS或JS源代码Map的最简单、最快速的方法是使用Chrome的命令面板：1.在macOS上键入cmd+shift+p（在Windows上键入cmd +shift+p）1.搜索“源图”1.选择启用/禁用CSS或JS源Map，无论您想要切换：x1c 0d1x的数据
3条答案
按热度按时间hxzsmxv21#
打开开发人员工具，转到开发人员工具的“设置”，然后取消选中“源代码”设置下的
Enable JavaScript Sourcemaps。的数据
的
s5a0g9ez2#
你可以双击行号从源文件跳转到未缩小的输出文件。除此之外，它似乎是有限的。请参阅下面的评论。
我发现这在开发过程中很有用，当使用
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
我认为有一些支持双击缩小文件的一部分跳转到源Map文件，但它似乎已经倒退了。
理想情况下，在一个带有源代码Map的缩小文件中，右键单击（或双击）缩小文件中的任何位置都可以跳转到该文件、行和列
xienkqul3#
在Chrome调试器中切换CSS或JS源代码Map的最简单、最快速的方法是使用Chrome的命令面板：
1.在macOS上键入cmd+shift+p（在Windows上键入cmd +shift+p）
1.搜索“源图”
1.选择启用/禁用CSS或JS源Map，无论您想要切换：
x1c 0d1x的数据