How not to show transpiled files in Chrome Developer Tools when Ctrl + O

 

Both original & transpiled files are displayed when opening a file. I'd like only to show original files (Firefox dev tools do this). Possible ?

Firefox 23+ has the option to show original sources instead of transpiled scripts:

FF显示原始来源

Unfortunately, it seems you cannot enjoy this in Chrome. You can enable script mapping, or not, but you will always see the actual included files that are included in the source HTML file.

All of these tutorials and references seem to agree:

  • 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 Developers video)

    • 显示源文件和映射文件

  • Source Maps in Chrome Dev Tools

    • 显示源文件和映射文件

  • Enhance your JavaScript debugging life (Chrome, Windows)

    • 出现原始版本和编译版本

    It seems that if one really wants to hide the transpiled JavaScript files in DevTools, FireFox is the way to go for now (as of Chrome Canary 49).

    源地图的目标是能够获得可读的原始代码，所以如果你不需要它，就不要生成源地图或删除.js.map文件（或使其无法在生产站点上访问）。

    在Chrome开发工具的设置（“源”下）中有一个“启用JavaScript源地图”选项 - 是否取消设置该选项的帮助？

    链接地址: http://www.djcxy.com/p/82072.html

    上一篇: C ++

    下一篇: 当Ctrl + O时，如何不在Chrome开发人员工具中显示转发的文件