如何在 Chrome DevTools 检查器的样式和计算选项卡中使用多个过滤器?

Posted

技术标签:

【中文标题】如何在 Chrome DevTools 检查器的样式和计算选项卡中使用多个过滤器?【英文标题】:How does one use multiple filters in the styles and computed tabs of the Chrome DevTools inspector? 【发布时间】:2018-05-01 20:19:27 【问题描述】:

在 Chrome DevTools 检查器的 StylesComputed 选项卡的 Filter 字段中,如何使用多个 ORed 过滤器,如 @ 987654321@这样我可以一次看到更多的款式?我已经尝试了我能想到的每一个可能被使用的字符,并在文档和其他地方在线搜索。有这么多的属性,看看像通常的盒子模型或与弹性盒子相关的那些相关的集合真的很有用。

【问题讨论】:

如果您有办法做到这一点,请告诉我。我也对此非常感兴趣。 同上...只是像你一样尝试了我能想到的所有字符,然后决定尝试谷歌。大声笑 【参考方案1】:

检查器的样式和计算选项卡中的过滤器字段不接受元素数组甚至正则表达式。它仅在输入的每个字符都匹配时才有效。

【讨论】:

以上是关于如何在 Chrome DevTools 检查器的样式和计算选项卡中使用多个过滤器?的主要内容,如果未能解决你的问题,请参考以下文章

如何在页面刷新时保留 Chrome DOM 断点?

反引号后无法检查chrome devtools源

在 Firebug 或 Chrome DevTools 中检查悬停状态

在 chrome devtools 中检查 node.js 时函数语句的奇怪行为

如何从我使用 Chrome DevTools 访问的任何网站中挑选颜色?

Chrome DevTools:在潜在的内存不足崩溃之前暂停