Novidades no Chrome 120

Adriana Jara

Veja o que é necessário saber:

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

API CloseWatcher.

Um recurso importante dos componentes modais ou pop-up é a facilidade de fechamento, com um mecanismo consistente para fazer isso. Esses mecanismos são chamados de solicitações de fechamento e normalmente são a tecla ESC em plataformas para computadores e o gesto "Voltar" ou o botão no Android.

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

O Chrome 120 oferece a solução com o CloseWatcher, uma nova API para ouvir e responder diretamente a solicitações. Ele também inclui upgrades para o <dialog> e o popover="" para usar o novo framework da solicitação de fechamento, para que eles respondam ao botão "Voltar" do Android.

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

<details> atributo de nome

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

Vários elementos <details> que têm a mesma name formam um grupo. Com essa configuração, no máximo um elemento desse grupo pode ser aberto por vez.

Este é 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 que os desenvolvedores controlem os recursos do navegador disponíveis para uma página, os iframes e os sub-recursos dela declarando um conjunto de políticas para o navegador aplicar à API Reporting. A API Reporting oferece um mecanismo genérico de geração de relatórios que pode ser usado por aplicativos da Web para disponibilizar relatórios com base em vários recursos da plataforma.

Com a integração da API Permissions Policy e da API Reporting, os desenvolvedores da Web podem configurar endpoints para enviar relatórios de violação da política de permissões. Assim, os proprietários do site conseguem saber quando recursos não permitidos estão sendo solicitados para as páginas em campo.

O controle dos recursos do navegador com a política de permissões inclui mais detalhes de implementação.

E muito mais.

Claro, há muito mais.

  • Com a implementação de aninhamento de CSS relaxado, as regras de estilo aninhadas podem começar com um elemento em vez de serem agrupadas com is() ou exigir um "e" comercial na frente.

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

  • Um lembrete de que o Chrome está trabalhando para descontinuar os cookies de terceiros. Em janeiro, começa um experimento que pode afetar seu site. Por isso, é importante consultar a seção Preparação para o fim dos cookies de terceiros para conferir as etapas de auditoria e mitigação.

Leia mais

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

Fazer inscrição

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

Adriana Jara, nossa equipe deseja boas festas e, assim que o Chrome 121 for lançado, estarei aqui para contar as novidades do Chrome.