在 Chrome 的 Web 检查器中显示 css 注释

Coo*_* Yo 1 css comments google-chrome web-inspector

有没有办法在 websinspector 中显示我的 css 文件中生成的注释,当我在资源选项卡中查看 css 文件时可以看到注释,但我在元素样式侧边栏中看不到它们,这可能吗?让我的生活变得超级轻松。

谢谢。

Bar*_*mar 6

不要使用/* ... */注释,而是创建以 开头的假样式-,例如

.foo {
  -my-comment1: Make all foos red;
  color: red;
}
Run Code Online (Sandbox Code Playgroud)

这些将在检查器中显示并带有删除线,因为它无法识别它们。

  • 如果您以像“--fordebug”这样的双破折号开头,浏览器会将其理解为变量,因此不会被划掉或禁用。 (2认同)