Publicado: 6 de agosto de 2025

O Painel de elementos No Chrome Devtools, é um dos desenvolvedores de ferramentas mais usados em que se baseiam para depurar todos os tipos de informações sobre o estado do DOM nos aplicativos da Web. É mais frequentemente usado para depurar o CSS de uma página, dando aos desenvolvedores uma maneira conveniente de ajustar várias propriedades do CSS para entender como as mudanças nos estilos de uma página afetam sua apresentação.

Um recurso do painel de elementos é a capacidade de pairar em uma propriedade CSS e ver um cartão de onda que descreve o objetivo da propriedade CSS. Este recurso foi originalmente adicionado por Alexey Rodionovum especialista em desenvolvedores do Google (GDE) em tecnologias da Web e links adicionados à documentação da MDN para propriedades CSS. Recentemente, Alexey estendeu a funcionalidade desses cartões de pairar para mostrar o status de linha de base de uma propriedade.

Além de mostrar o status da linha de base para uma propriedade CSS, esses cartões também descrevem a data de interoperabilidade para recursos amplamente ou recentemente disponíveis, para que você possa dar uma rápida olhada em quanto tempo um recurso tem sido interoperável! Essa mudança chegou à versão 140 do Chrome. No momento da redação deste artigo, a versão 140 do Chrome é Atualmente na versão betamas esse recurso ficará disponível na construção estável em breve!

Obrigado novamente a Alexey Rodionov por seu trabalho sobre esse recurso valioso. Acreditamos que isso dará aos desenvolvedores uma maneira ainda mais fácil de descobrir a compatibilidade de recursos em seu fluxo de trabalho de depuração.