google-chrome-devtools - Ctrl + O时如何不显示Chrome开发人员工具中已转译的文件

Question

打开文件时，会同时显示原始文件和已转译的文件。我只想显示原始文件(Firefox开发工具可以这样做)。可能的 ？

Answer 1

Firefox 23+可以选择显示原始源而不是转译的脚本:

不幸的是，您似乎无法在Chrome浏览器中享受此功能。您可以启用或不启用脚本映射，但是您将始终看到源HTML文件中实际包含的文件。

所有这些教程和引用资料似乎都同意:

Source Maps 101(Chrome，Windows)

Source Maps With CoffeeScript and Uglify.js(Chrome，OSX)

Using Source Maps with TypeScript(Chrome，Windows)

The Breakpoint Ep 3: The Sourcemap Spectacular with Paul Irish and Addy Osmani(Chrome开发者视频)

Source Maps in Chrome Dev Tools

Enhance your JavaScript debugging life(Chrome，Windows)

看来，如果真的想在DevTools中隐藏已转译的JavaScript文件，那么FireFox就是目前的最佳选择(从Chrome Canary 49开始)。