人们如何在源选项卡中隐藏文件（例如 CSS、JS）？答案

【问题标题】：How do people hide file (such as CSS, JS) in the source tab?人们如何在源选项卡中隐藏文件（例如 CSS、JS）？
【发布时间】：2017-01-03 01:05:46
【问题描述】：

有时当我浏览某个网站并使用 web-inspector（例如 Chrome Inspect）检查其来源时。我看到<script> 标记或<link> 标记带有一些JS、CSS 文件，它们显示在同一目录/子目录中。我也可以使用他们的完整地址来查看这些文件。但是，它们不会显示在检查器的 Source 选项卡中。他们是怎么做到的？

例如：

您可能会看到，虽然包含js/目录下的js文件，也可以在浏览器中查看，但左侧的源列表中没有显示。

顺便说一句，当我用 JS 编写一些 HTML 时，它们都在源选项卡中列出。

【问题讨论】：

标签： html web-inspector

【解决方案1】：

好吧，可能还有另一种方法可以做到这一点，但我发现如果你用javascript导入脚本，你会隐藏源文件。

这里的思考过程，如果我不是太离谱的话，就是在 DOM 已经构建之后，您正在使用 javascript 添加脚本。 Google Developer Tools 在加载时使用 DOM 构建其“源”和材料，因此，如果您要异步加载脚本或使用 javascript 或 jQuery 将其拉入，您将很难在开发人员工具中找到它。

您可以在这里找到几种加载外部脚本的方法：

How do I include a JavaScript file in another JavaScript file?

【讨论】：