如何抑制Chrome DevTools警告：“DevTools无法加载SourceMap：无法加载...”

Question

背景

我的一些 js 文件没有源代码映射。在使用 devtools 控制台时，会产生有关此问题的警告，我不想关闭所有警告，但这些警告对我来说并不是非常有用。

问题

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

- g.pickardou

---

我在工具栏中使用一个过滤器，https://puu.sh/FJo1m/eb54eab44e.png - wOxxOm

非常感谢。您能否将其作为答案发布，并以文本形式提供过滤表达式，我会接受它。 - g.pickardou

更好的方法是使用DevTools来持久化抑制，我在这个问题的答案中放了一些截图。 - RustyNox

Answer 1

可以像这样通过控制台过滤器隐藏它们：-/(load|parse)\sSourceMap/

^{(使用带有空格的字符串的唯一有效方法似乎是使用 /正则表达式/和 \s)}

- wOxxOm

---

有办法保留这个吗？还能过滤吗？ - Joe - ElasticsearchBook.com

是的，但如果它在那里，我就无法按任何其他查询进行过滤。或者说，我需要添加另一个“减”过滤器。 - Joe - ElasticsearchBook.com

不，你必须使用外部文本/剪贴板工具来快速插入你的代码片段。 - wOxxOm

@Joe，您可以通过逗号和空格分隔它们来添加多个查询（例如“-query1，-query2”）。 - Gifford N.

这应该是被接受的答案，因为它只删除源映射警告，而不是整个源映射功能。 - v1s10n_4

在 Chrome 108 中，警告文本不同，我使用了过滤器“-/(load|parse)\ssource\smap/”。 - Ben Hutchison

Answer 2

在开发者工具（F12） -> 设置（F1）中： 在“首选项 -> 源”中，禁用“启用JS源映射”和“启用CSS源映射”两个选项。

- Mike

---

这会完全禁用源代码映射。虽然从技术上讲这可能是一种解决方案，但同时也会移除重要的功能。问题不在于没有源代码映射，而在于想要摆脱烦人的警告信息。 - lostpebble

在Mac OS上，它被称为：“启用JavaScript源代码映射”。 - xxx

这不应该是被接受的解决方案... 移除源代码映射并不是有益的，只是为了消除警告声音。 - Etienne Rocheleau

Answer 3

如果您打开开发者工具（F12），然后查找顶部/右侧的齿轮“偏好设置”，您可以通过取消选择该选项来禁用“启用JavaScript源映射”选项，从而关闭Sources部分。

- RustyNox

---

禁用源映射并不是一个解决方案。源映射对开发人员很有用，移除它们并不可选。 - Etienne Rocheleau

Answer 4

如果您不想在您的网站上使用引起问题的特定插件，或者想从您的浏览器中删除它，这个解决方案就只适用于此。

• 进入控制台。

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

前往扩展程序（ Chrome 菜单 > 更多工具 > 扩展程序 ）。 您可以从浏览器中删除它，或者通过更改网站访问权限为 点击时 中的选项来限制访问，如下图所示。

- Tmh

Answer 5

往往，这些消息是由其他上下文引起的，例如扩展程序或工作者。您可以让控制台仅显示那些来自所选上下文（例如top）的消息。

控制台标签 -> 设置图标（右上角） -> 确保选择了Selected context only。

- PieterT2000