在 Chrome 开发工具中隐藏 JavaScript 文件答案

【问题标题】：Hide JavaScript Files in Chrome Dev Tools在 Chrome 开发工具中隐藏 JavaScript 文件
【发布时间】：2016-07-25 20:17:18
【问题描述】：

Chrome 开发工具中是否有隐藏 JavaScript 文件的方法，以便我只查看我的 TypeScript 文件？请记住，我指的不是“黑盒化”文件。相反，我想将它们完全隐藏在“来源”选项卡中。

【问题讨论】：

“隐藏它们”是什么意思？ “所以我只查看我的 TypeScript 文件？” 在中心面板中选择要查看的文件？不确定是什么要求？你能描述一下你想要达到的目标吗？
你不能只过滤来源吗？
@guest271314 不知道该怎么说。我只想查看 TypeScript 文件。我有时点击速度太快，打开 JavaScript 文件而不是 TypeScript 文件。如果前者不可见，我的问题就消失了。
@KennethK。不确定是否遵循“点击快速”？如果JavaScript文件在没有选择TypeScript文件的情况下点击打开，是否可以重新选择TypeScript文件？如果您只想查看或检查特定的TypeScript 文件，您可以创建TypeScript 文件的Snippets。您也可以右键单击More options... 并选择Go to file...，这将显示一个搜索栏，您可以在其中键入要加载到中心面板的文件
@guest271314 我是说我的手指有时比我的大脑快。调试时，我使用 TypeScript 文件（通过源映射）进行调试。我的断点位于 TypeScript 文件中。查看 JavaScript 文件对我没有好处。如果我不小心点击了一个 JavaScript 文件，那么我必须关闭它并点击正确的 (TypeScript) 文件。如果有办法隐藏 JavaScript 文件，那么我就不会不小心点击 JavaScript 文件了。不小心点击了错误的 TypeScript 文件仍然是一个问题，但浏览器无法修复它； )

【解决方案1】：

为避免点击.js 文件，请勿点击top 下的任何文件。而是单击 More options... 功能，该功能应提供一个 Go to file... 对话框，选择该对话框后，应在列出所有 Sources 文件下方呈现一个带有下拉菜单的输入字段。

输入TypeScript 文件名或从下拉菜单中选择文件。

或者，当Sources 打开时，您可以使用Ctrl+p，它应该呈现相同的输入字段和下拉菜单。

【讨论】：