Descubra alguns dos recursos interessantes que foram lançados em navegadores da Web estáveis e Beta em junho de 2024.
Versões estáveis do navegador
Em junho de 2024, o Firefox 127 e o Chrome 126 se tornaram estáveis. Esta postagem aborda os novos recursos adicionados à plataforma da Web.
Métodos de conjunto do JavaScript
Os conjuntos são uma estrutura de dados essencial em qualquer linguagem de programação. Agora você pode usar os métodos integrados do JavaScript para realizar operações de conjunto. Os seguintes métodos de conjunto agora estão disponíveis no Firefox 127 e passaram a fazer parte da versão mais recente da referência:
intersection()
union()
difference()
symmetricDifference()
isSubsetOf()
isSupersetOf()
isDisjointFrom()
Para saber mais, leia Os métodos Set de JavaScript agora fazem parte da meta.
API Async Clipboard
A API Clipboard agora tem suporte total no Firefox 127. O Firefox agora
oferece suporte à interface ClipboardItem
, além dos métodos read()
e write()
da interface da área de transferência. Saiba mais sobre a API Clipboard em
Como desbloquear o acesso à área de transferência.
Interpolação de cores em gradientes CSS
Os gradientes CSS são especificados para aceitar um <color-interpolation-method>
, e isso
agora é aceito no Firefox, tornando-o interoperável em todos os principais mecanismos.
Agora é possível, por exemplo, especificar um linear-gradient()
usando o sistema de cores hsl
e uma interpolação mais longa.
.longer {
background: linear-gradient(90deg in hsl longer hue, red, blue);
}
Compatibilidade com navegadores
Transições de visualização entre documentos
Antes, você precisava reprojetar seu site para um SPA para usar a API View Transitions. Entretanto, esse não é mais o caso. No Chrome 126, as transições de visualização agora são ativadas por padrão para navegações de mesma origem. É possível criar uma transição de visualização entre dois documentos diferentes de mesma origem.
Para ativar uma transição de visualização entre documentos, as duas extremidades precisam ativar a opção.
Para fazer isso, use a regra @view-transition
e defina o descritor de navegação como auto
.
@view-transition {
navigation: auto;
}
Compatibilidade com navegadores
Saiba mais na documentação sobre transições de visualização entre documentos.
A extensão trigger-rumble
da API Gamepad
O Chrome 126 estende a interface GamepadHapticActuator
para expor o
recurso trigger-rumble
na Web para gamepads compatíveis.
Essa extensão permite que aplicativos da Web que usam a
API Gamepad também vibrem os gatilhos de dispositivos de gamepad equipados com essa funcionalidade.
Versões Beta do navegador
As versões Beta do navegador oferecem uma prévia do que vai estar 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 a versão. As novas versões Beta são Firefox 128, Chrome 127, Safari 18 e Safari 17.6. Essas versões trazem muitos recursos excelentes para a plataforma. Confira as notas da versão para saber todos os detalhes. Confira alguns destaques.
O Safari 17.6 é uma versão com correções de recursos atuais. O Safari 18 tem vários recursos novos e interessantes,
incluindo consultas de contêiner de estilo, a API de transição de visualização para apps de página única
e suporte à palavra-chave safe
em propriedades flexbox.
O Chrome 127 inclui a propriedade CSS font-size-adjust
,
a capacidade de especificar texto alternativo no conteúdo gerado
como um número arbitrário de elementos e
a capacidade de adicionar informações de capítulos individuais em
MediaMetaData
.
O Firefox 128 inclui propriedades e valores do CSS, tornando esse recurso
disponível como padrão. Use @property
para definir um type
e definir um valor
padrão para propriedades personalizadas do CSS.