如何抑制 Chrome DevTools 警告：“DevTools 无法加载 SourceMap：无法为...加载内容”答案

【问题标题】：How to suppress Chrome DevTools warning: 'DevTools failed to load SourceMap: Could not load content for...'如何抑制 Chrome DevTools 警告：“DevTools 无法加载 SourceMap：无法为...加载内容”
【发布时间】：2020-05-12 08:04:02
【问题描述】：

上下文

对于我的许多 js 文件，我没有源映射。使用 devtools 控制台时，它会污染有关此的警告。我不想关闭所有警告，但这些对我来说并没有真正的用处

问题

如何抑制 Chrome DevTools 警告：'DevTools failed to load SourceMap: could not load content for...'？

【问题讨论】：

我在工具栏中使用了一个过滤器，puu.sh/FJo1m/eb54eab44e.png
非常感谢。您能否将其作为答案发布，以及文本形式的过滤器表达式我也将接受它。
更好的方法是使用 DevTools 来保持抑制，我在这个问题的答案中放了一些截图。

标签： google-chrome-devtools

【解决方案1】：

通过控制台过滤器隐藏它们，例如-/(load|parse)\sSourceMap/

^{（使用 /regexp/ 和 \s 似乎是指定带空格的字符串的唯一工作方法）}

【讨论】：

有没有办法坚持这个？和/或仍然能够过滤？
是的，但如果它在那里，我无法通过任何其他查询进行过滤。或者更确切地说，我需要附加另一个“减号”过滤器。
不，您必须使用外部文本/剪贴板实用程序来快速插入您的 sn-ps。
@Joe 您可以添加多个查询，方法是用逗号 + 空格分隔它们（例如 -query1, -query2）

【解决方案2】：

在 DevTools (F12) -> 设置 (F1) 中：

在“Preferences -> Sources”中禁用both“启用 JS 源映射”和“启用 CSS 源映射”

【讨论】：

这会完全禁用源映射。虽然我猜它在技术上是一种解决方案，但它同时删除了重要的功能。这不是关于没有源地图，而是关于摆脱烦人的警告。
在mac os上它被称为：“启用Javascript源映射”

【解决方案3】：

如果您打开 DevTools (F12)，然后在顶部/右侧查找 cog“首选项”，您可以通过取消选中该选项来禁用 Sources 部分下的“Enable JavaScript source maps”。

【讨论】：

【解决方案4】：

此解决方案仅适用于您不想在您的网站上使用该特定扩展程序（这会导致问题）或从浏览器中删除该插件。

转到控制台。

单击控制台日志中打印的链接。链接以“chrome-extension”开头，它将带你到扩展的页面，你可以在地址栏中找到名称

转到扩展程序（Chrome menu > More tools > Extensions）。您可以从浏览器中删除它，也可以通过将站点访问权限更改为On click 来限制访问权限，如下所示从扩展程序的选项中进行选择。

【讨论】：