Novidades no Chrome 58

Pete LePage

Quer a lista completa de mudanças? Confira a lista de mudanças do repositório de origem do Chromium.

Meu nome é Pete LePage. Vamos conferir as novidades para desenvolvedores no Chrome 58.

IndexedDB 2.0

A estrutura do banco de dados do seu site tem grandes impactos na performance e pode ser difícil de mudar. A IndexedDB 2.0 muda isso.

  • As lojas object e indexes agora podem ser renomeadas no local após uma refatoração.
  • As chaves binárias permitem chaves mais naturais sem se preocupar com penalidades de desempenho.
  • A recuperação de dados é mais fácil com os métodos getKey(), openKeyCursor() e continuePrimaryKey().

E a recuperação em massa de conjuntos de dados inteiros não precisa mais de um cursor com getAll() e getAllKey().

Apps Web Progressivos em tela cheia

Quando os Progressive Web Apps são iniciados na tela inicial do Android, eles são iniciados em um modo semelhante a um app independente que oculta a omnibox. Isso ajuda a criar uma experiência do usuário envolvente e libera espaço na tela para o conteúdo.

No entanto, para experiências ainda mais imersivas, como jogos, leitores de vídeo ou outros conteúdos ricos, os elementos da interface para dispositivos móveis, como as barras do sistema, ainda podem ser uma distração e ocupar pixels valiosos que você pode querer.

Agora você pode tornar seu app da Web progressivo totalmente imersivo definindo display: fullscreen no manifesto do app da Web.

A PWA é iniciada na tela inicial (à esquerda), no modo standalone (ao centro) e no modo fullscreen (à direita).

Quando o app é iniciado na tela inicial, todos os elementos da interface para dispositivos móveis que não são do app são ocultados.

Melhorias no iframe em sandbox

O Chrome 58 agora oferece suporte à nova palavra-chave de sandbox de iframe allow-top-navigation-by-user-activation.

Quando acionada por uma interação do usuário, essa palavra-chave permite que os iframes em sandbox naveguem pela página de nível superior, além de bloquear redirecionamentos automáticos.

E muito mais.

E, claro, há muito mais.

  • Diga adeus ao hack clearfix. Em vez de redefinir manualmente várias propriedades de layout, como float e clear, agora é possível adicionar um novo contexto de formatação de bloco usando display: flow-root.
  • O PointerEvents.getCoalescedEvents() permite acessar todos os eventos de entrada desde a última vez que uma PointerEvent foi enviada. Perfeito para quando você precisa de um histórico preciso de pontos para coisas como apps de desenho.
  • Além disso, Workers e SharedWorkers agora podem ser criados usando URLs data:, o que torna o desenvolvimento com Workers mais seguro, a eles uma origem opaca.

Estas são apenas algumas das mudanças no Chrome 58 para desenvolvedores.

Se você gostou deste vídeo, confira Designer vs. desenvolvedor, uma nova série de vídeos que tenta resolver os desafios enfrentados quando designers e desenvolvedores trabalham juntos.

Depois, inscreva-se no nosso canal do YouTube e receba uma notificação por e-mail sempre que lançarmos um novo vídeo.

Meu nome é Pete LePage, e assim que o Chrome 59 for lançado, vou estar aqui para contar as novidades do Chrome.