Descubra alguns dos recursos interessantes que chegaram aos navegadores estáveis e beta da web durante fevereiro de 2025.
Publicado: 28 de fevereiro de 2025
Liberações estáveis do navegador
Em fevereiro de 2025 Firefox 135 e
Chrome 133 tornou -se estável. Esta postagem analisa os novos recursos adicionados à plataforma da web.
Verifique os recursos do webauthn
Firefox 135 e Chrome 133 adicionam suporte para o
PublicKeyCredential.getClientCapabilities()
Método estático. Isso permite verificar se um navegador suporta recursos da API de autenticação da Web, sem precisar recorrer ao fungo do navegador.
Firefox 135 também inclui recursos do
JSON analisar com proposta de origem-o
JSON.parse reviver parâmetro context argumento,
JSON.isRawJSON()e
JSON.rawJSON().
O valor da dica do atributo de popover
O Chrome 133 agrega um terceiro valor para o popover atributo,
popover="hint". Dicas, que geralmente estão associadas aos comportamentos do tipo “dica de ferramenta”, têm comportamentos ligeiramente diferentes. Agora é possível abrir um popover de dica não relacionado, enquanto uma pilha existente de popovers de automóveis permanece aberta.
O exemplo canônico é que um Picker está aberto (popover="auto") e uma dica de ferramenta acionada por pairar (popover="hint") é mostrado. Essa ação não fecha o Picker.
Leia mais Popover = dica.
CSS avançado attr() função
Há uma boa coleção de adições de CSS no Chrome 133. Esta versão do Chrome inclui o aumento
attr() especificado no nível 5 CSS, o que permite tipos além do
Saiba mais
CSS attr() recebe uma atualização.
Consultas de contêiner de estado de rolagem CSS
Também no Chrome 133, use consultas de contêiner para destacar descendentes de recipientes com base no estado de rolagem.
O contêiner de consulta é um recipiente de rolagem ou um elemento afetado pela posição de rolagem de um recipiente de rolagem. Os seguintes estados podem ser consultados:
stuck: Um recipiente posicionado pegajoso está preso a uma das bordas da caixa de rolagem.snapped: Um contêiner alinhado com snap scroll está atualmente quebrado horizontal ou verticalmente.scrollable: Se um recipiente de rolagem pode ser rolado em uma direção consultada.
Há também um novo valor para container-type: scroll-state Isso permite que os contêineres sejam consultados.
Ler CSS scroll-state() Para saber mais.
CSS text-boxAssim, text-box-trime text-box-edge
Também no CSS para o Chrome 133 são os text-box-trim e text-box-edge propriedades, juntamente com o text-box Propriedade abreviada, eles possibilitam o controle vertical do texto vertical.
Saiba mais sobre como essa propriedade útil funciona CSS text-box-trim.
DOM Movimento de preservação do estado
O Chrome 133 adiciona uma primitiva DOM (Node.prototype.moveBefore) Isso permite mover elementos em torno de uma árvore dom, sem redefinir o estado do elemento.
Ao se mover em vez de remover e inserir, seguindo o estado como o seguinte é preservado:
Os elementos permanecem carregados.- O elemento ativo permanece foco.
- Popovers, tela cheia e diálogos modais permanecem abertos.
- As transições e animações do CSS continuam.
O FileSystemObserver interface
O FileSystemObserver A interface adicionada no Chrome 133 notifica sites de alterações no sistema de arquivos. Os sites observam alterações nos arquivos e diretórios, aos quais o usuário já concedeu permissão, no dispositivo local do usuário ou no sistema de arquivos do balde (também conhecido como sistema de arquivos privados de origem) e são notificados sobre informações básicas sobre alterações, como o tipo de alteração.
Lançamentos de navegador beta
As versões do navegador beta fornecem uma prévia de coisas que estarão na próxima versão estável do navegador. É um ótimo momento para testar novos recursos, ou remoções, que podem afetar seu site antes que o mundo receba esse lançamento. Novos betas são
Firefox 136Assim,
Safari 18.4e Chrome 134. Esses lançamentos trazem muitos ótimos recursos para a plataforma. Confira as notas de lançamento para obter todos os detalhes. Aqui estão apenas alguns destaques.
O mais recente Safari Beta traz uma enorme lista de adições e melhorias, incluindo alguns recursos que esperamos tornar -se recentemente disponível quando esse navegador se tornar estável. Por exemplo writing-mode: sideways-rl e writing-mode: sideways-lro supports() Método estático para ClipboardIteme uma lista inteira de coisas da proposta do Iterator Helders.
Tanto o Safari 18.4 Beta quanto o Firefox 136 incluem a API da Cookie Store, que deve estar na linha de base recentemente disponível assim que os dois navegadores forem fortes.
Firefox 136 inclui o :open e :has-slotted Pseudo-classes, o último também está no Chrome 134. Também inclui Intl.DurationFormat que deve estar na linha de base recentemente disponível.
O Chrome 134 inclui personalizável Elementos, o CSS dynamic-range-limit
propriedade e luz descartar funcionalidade para elementos.
