Chrome DevTools 无独立CSS变量面板，但自v95起Styles和Computed面板已深度集成变量调试能力：Styles中可识别、编辑变量并跳转定义处，Computed中可验证最终计算值及来源。
Chrome DevTools 本身没有独立的“CSS变量面板”，但自 v95 起，
和
面板已深度集成 CSS 变量调试能力——关键不在找面板，而在用对路径和视图。
在 Styles 面板中识别并编辑 CSS 变量
选中目标元素后，
面板会列出所有生效的 CSS 规则。CSS 变量（以
开头）通常出现在以下位置：
内联样式中的
属性（如
）
外部或内嵌
StylesComputedStyles--styleelement.style { --primary-color: #007bff; }