如何隐藏chrome dev工具中的html注释?

时间:2013-04-10 14:06:54

标签: html google-chrome comments google-chrome-devtools

在Firebug中,可以选择切换/查看HTML注释:

toggle HTML comments in Firebug

有没有办法在Chrome开发者工具中执行此操作?

3 个答案:

答案 0 :(得分:7)

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

我们来一个演示网站 - Django Demo Projects

在检查时,您可以看到顶部附近有一些评论: enter image description here

单击Customize and control DevTools选项(右上角附近的三个点): enter image description here

选择设置选项。您应该能够看到Show HTML commentsenter image description here

禁用Show HTML comments删除评论。现在所有评论都被隐藏了! enter image description here

谢谢!

答案 1 :(得分:6)

仅限于关闭此主题。 chrome dev工具设置面板中提供了此选项(首选项>元素>显示HTML注释)。

答案 2 :(得分:3)

自Chrome版本35.0.1916.114起,无法在“元素”面板中隐藏评论。正如@jbyrd建议的那样,有人需要编写扩展程序,或者Chrome开发团队需要注意这个帖子。