如何在 Chrome 中启用 CSS 选择器分析

Posted 2023-03-06

【中文标题】如何在 Chrome 中启用 CSS 选择器分析

【英文标题】：How can I enable CSS selector profiling in Chrome

【发布时间】：2012-02-12 04:50:17

【问题描述】：

我读过一篇有趣的article 关于css 选择器分析的文章，但我还没有找到任何方法来实际启用此功能。有什么我完全想念的吗？

【参考方案1】：

此答案不再有效。请参考 Johns 的回答。

我在 Chrome 18.something Dev 上，它在开发者工具下。 单击扳手/工具/开发人员工具，然后单击“配置文件”选项卡....现在了解这一切的含义；）

【讨论】：

就是这样 - 我有普通版本 16.something，谢谢 ;)

我刚刚更新到最新的 chrome (30.something) 并且似乎丢失了 CSS profiler :(

@AlexandruRada 在这种情况下会发生什么？...有什么想法吗？我想这取决于原始海报删除我的勾号并将其交给约翰......我会编辑我的答案以反映这一点。

【参考方案2】：

CSS 选择器分析器是 removed from Chrome 30:

CSS 选择器匹配现在对于绝大多数常见的选择器来说是相当快的，而这些选择器在分析器实现时曾经很慢。此时间也包含在时间轴“重新计算样式”事件中。

因此，我认为 CSS 选择器分析器并不像 [可能已经] 使用的那么有用，并且可以安全地删除。这也将减少尝试微优化已经很快的选择器的开发人员的比例。

【参考方案3】：

以防万一有人仍然需要 CSS 选择器分析器，您可以在我相信除 Safari 之外的任何基于 Webkit 的浏览器的 Web Inspector 中找到它（Falkon（以前称为 Qupzilla ) 只是一个例子）。