Esta página foi traduzida pela API Cloud Translation.

Novidades no Chrome 126

Adriana Jara

Veja o que é necessário saber:

As transições entre documentos receberam suporte da API View Transitions.
A API CloseWatcher está disponível novamente.
A API Gamepad agora inclui trigger-rumble.
E há muito mais.

Meu nome é Adriana Jara. Vamos conhecer as novidades para os desenvolvedores no Chrome 126.

Transições de visualização entre documentos para navegações de mesma origem

A API View Transitions oferece a capacidade de criar transições visuais perfeitas entre visualizações diferentes e agora está disponível por padrão para navegações de mesma origem. Antes ele só estava disponível para arquiteturas de aplicativos de página única.

Para implementar uma transição de visualização em vários documentos, as duas extremidades precisam aceitar. Para fazer isso, use a at-rule de transição de visualizações e defina o descritor de navegação como automático.

As transições de visualização entre documentos usam os mesmos elementos básicos e princípios das transições de visualização do mesmo documento.

@view-transition {
  navigation: auto;
}

Acesse Transições suaves com a API View Transition para mais detalhes. Veja alguns exemplos.

API CloseWatcher reativada

Para elementos <dialog> e popover="", a API CloseWatcher facilita o processamento de solicitações de fechamento, como a tecla ESC em plataformas para computadores ou o gesto "Voltar" no Android.

Esse recurso foi lançado originalmente no Chrome 120, mas foi desativado devido a uma interação inesperada com o elemento da caixa de diálogo. Ela foi ativada novamente no Chrome 126 após melhorias para minimizar os problemas anteriores.

Para aprender a usar o CloseWatcher, acesse a demonstração dele.

Extensão gatilho-rumble da API Gamepad

O recurso de acionamento de ruído agora faz parte da API Gamepad. Ele melhora as experiências de jogos na Web para controles compatíveis.

trigger-rumble estende a GamepadHapticActuator, que é uma interface que representa o hardware no controlador projetado para fornecer retorno tátil ao usuário (se disponível). A trigger-rumble permite que aplicativos da Web que usam a API Gamepad também vibrem os acionadores desses dispositivos gamepad.

Com o código a seguir, você pode verificar se a funcionalidade tem suporte no navegador e como acionar (trocadilho intencional):trigger-rumble

// This assumes a `Gamepad` as the value of the `gamepad` variable.
const triggerRumble = (gamepad, delay = 0, duration = 100, weak = 1.0, strong = 1.0) => {
  if (!('vibrationActuator' in gamepad)) {
    return;
  }
  // Feature detection.
  if (!('effects' in gamepad.vibrationActuator) || !gamepad.vibrationActuator.effects.includes('trigger-rumble')) {
    return;
  }
  gamepad.vibrationActuator.playEffect('trigger-rumble', {
    // Duration in ms.
    duration: duration,
    // The left trigger (between 0 and 1).
    leftTrigger: leftTrigger,
    // The right trigger (between 0 and 1).
    rightTrigger: rightTrigger,
  });
};

Consulte Jogar o jogo do dinossauro do Chrome com seu gamepad para mais informações e aproveitar ao máximo a API Gamepad.

E muito mais

Claro, há muito mais.

GeolocationCoordinates e GeolocationPosition agora incluem um método .toJSON()
Nas atualizações do DevTools, é possível inspecionar os buckets de armazenamento em uma árvore dedicada na seção Aplicativo > Armazenamento.
O ChromeOS agora tem suporte ao modo com guias para apps da Web.

Leia as notas da versão completas.

Novidades no Chrome 126

Transições de visualização entre documentos para navegações de mesma origem

API CloseWatcher reativada

Extensão gatilho-rumble da API Gamepad

E muito mais

Leia mais

Inscrever-se