如何在 chrome 开发工具中隐藏 html 注释？

Posted 2023-03-05

【中文标题】如何在 chrome 开发工具中隐藏 html 注释？

【英文标题】：How to hide html comments in chrome dev tools?

【发布时间】：2013-04-02 10:21:25

【问题描述】：

在 Firebug 中，有一个切换/查看 html cmets 的选项：

有没有办法在 Chrome 开发者工具中做到这一点？

【问题讨论】：

我到处搜索，唯一能想到的方法就是编写自己的chrome开发者工具扩展。

如果你这样做，我会非常热衷于使用它。在处理 div 汤时，每次刷新都删除所有评论节点变得很累。

现在存在 （感谢 jbyrd ） - 请参阅 Arunabh Ghosh's answer below 了解在哪里可以找到最新的 Chrome 版本

【参考方案1】：

我想对这个问题给出更详细的答案。请注意，此答案对应于 chrome 版本 - 56.0.2924.87（64 位）。

让我们来一个演示站点 - Django Demo Projects。

检查时，您可以看到顶部附近有几个 cmets：

单击Customize and control DevTools 选项（右上角附近的三个点）：

选择设置选项。你应该可以看到Show HTML comments：

禁用 Show HTML comments 以删除 cmets。现在所有的 cmets 都被隐藏了！

谢谢！

【参考方案2】：

此选项在 chrome 开发工具设置面板中可用（首选项 > 元素 > 显示 HTML cmets）。

【讨论】：

什么版本的 Chrome？我使用的是 53.0.2785.143 m 版本，但我没有看到该选项：snag.gy/IHuU4n.jpg

MacO 版本 54.0.2840.59 可用。我以为它已经介绍了一段时间。如果您无法更新，请检查 Chrome 的开发版，Chrome Canary，其中包含测试版功能。

我现在看到了！我使用的是 Chrome 版本 55.0.2883.87 m。

【参考方案3】：

从 Chrome 版本 35.0.1916.114 开始，无法在元素面板中隐藏 cmets。正如@jbyrd 建议的那样，需要有人编写扩展程序，否则 Chrome 开发团队需要注意这个线程。

【讨论】：

不敢相信这还没有发生。

嗯，这不是提交功能请求的正确位置。开发 DevTools 的团队永远不会看到它。看到请求的方法是在chromium bug tracker 提交一个新问题。然后我们可以让合适的人查看请求并从那里开始。

见Raphael Larrinaga's answer below - 在我提交功能请求后，它现在是最新版 Chrome 中的首选项！