Novidades no Chrome 120

Adriana Jara

Veja o que é necessário saber:

Meu nome é Adriana Jara. Vamos conferir as novidades para desenvolvedores no Chrome 120.

API CloseWatcher.

Um recurso importante dos componentes modais ou pop-up é que eles são fáceis de fechar, com um mecanismo consistente para isso. Esses mecanismos são chamados de solicitações de fechamento e geralmente são a tecla ESC em plataformas para computador e o gesto ou botão de voltar no Android.

Os desenvolvedores Web não tinham uma boa maneira de lidar com solicitações de fechamento para seus próprios componentes. Isso é especialmente problemático em dispositivos Android, em que fornecer o comportamento de fechamento simples para o gesto de voltar é bastante complexo.

O Chrome 120 traz a solução com o CloseWatcher, uma nova API para detectar e responder diretamente a solicitações de fechamento. Também inclui upgrades para que <dialog> e popover="" usem a nova estrutura de solicitação de fechamento, de modo que respondam ao botão "Voltar" do Android.

Confira a demonstração da API CloseWatcher para testar.

Atributo de nome <details>

O atributo name do elemento <details> facilita a implementação do padrão de acordeão usando uma sequência de elementos HTML <details>.

Vários elementos <details> com o mesmo name formam um grupo. Com essa configuração, apenas um elemento desse grupo pode ser aberto por vez.

Confira um exemplo com um grupo que compartilha o nome cookies:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Relatórios de violação da política de permissão

Os relatórios de violação da política de permissões já estão disponíveis. Eles integram a API Permissions policy, que permite aos desenvolvedores controlar os recursos do navegador disponíveis para uma página, os iframes e os subrecursos, declarando um conjunto de políticas para o navegador aplicar com a API Reporting. A API Reporting oferece um mecanismo genérico de geração de relatórios para aplicativos da Web disponibilizarem relatórios com base em vários recursos da plataforma.

Essa integração permite que os desenvolvedores da Web configurem endpoints para onde os relatórios de violação da política de permissões serão enviados. Assim, os proprietários de sites podem saber quando recursos não permitidos estão sendo solicitados para as páginas no campo.

Como controlar recursos do navegador com a Política de permissões inclui mais detalhes de implementação.

E muito mais.

É claro que há muito mais.

  • A implementação de aninhamento de CSS relaxado permite que as regras de estilo aninhadas comecem com um elemento, em vez de serem unidas com is() ou exigirem um & no início.

  • Com a ação enterpictureinpicture na API Media Session, os sites podem registrar um manipulador de ações que pode ser usado para abrir uma janela picture-in-picture ou picture-in-picture de documento.

  • E um lembrete de que o Chrome está trabalhando para descontinuar cookies de terceiros. Em janeiro, é iniciado um experimento que pode afetar seu site. Por isso, é importante marcar Como se preparar para o fim dos cookies de terceiros para conferir as etapas de auditoria e mitigação.

Leitura adicional

Isso inclui apenas alguns destaques importantes. Confira os links abaixo para ver outras mudanças no Chrome 120.

Inscrever-se

Para ficar por dentro das novidades, inscreva-se no canal do YouTube para desenvolvedores do Chrome e receba uma notificação por e-mail sempre que lançarmos um novo vídeo.

Yo soy Adriana Jara. Nossa equipe deseja a você boas festas. Assim que o Chrome 121 for lançado, vou falar sobre as novidades do Chrome.