Novidades no Chrome 58

Pete LePage

Deseja a lista completa de alterações? Confira a lista de alterações de repositório de origem do Chromium.

Meu nome é Pete LePage. Vamos conhecer as novidades do Chrome 58 para os desenvolvedores!

IndexedDB 2.0 (em inglês)

A estrutura do banco de dados do site tem grandes impactos no desempenho e pode ser difícil de alterar. O IndexedDB 2.0 muda isso.

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

Além disso, a recuperação em massa de conjuntos de dados inteiros não precisa mais de um cursor com getAll() e getAllKey().

Progressive Web Apps 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 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, players de vídeo ou outros conteúdos avançados, elementos da IU para dispositivos móveis, como as barras de sistema, ainda podem ser uma distração e ocupar pixels valiosos.

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

Um PWA iniciado na tela inicial (à esquerda), iniciado na tela inicial no modo standalone (no meio) e iniciado na tela inicial no modo fullscreen (à direita).

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

Melhorias no iframe no modo sandbox

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

Quando acionada por uma interação do usuário, essa palavra-chave oferece aos iframes no sandbox a capacidade de navegar pela página de nível superior e, ao mesmo tempo, bloqueia os redirecionamentos automáticos.

E muito mais.

E, claro, há muito mais.

  • Diga adeus à invasão de clearfix. Em vez de redefinir manualmente várias propriedades de layout, como flutuante e limpo, agora você pode adicionar um novo contexto de formatação de bloco usando display: flow-root
  • PointerEvents.getCoalescedEvents() permite acessar todos os eventos de entrada desde a última vez que um PointerEvent foi entregue. Ideal para quando você precisa de um histórico preciso de pontos para tarefas como apps de desenho.
  • Além disso, Workers e SharedWorkers agora podem ser criados usando URLs data:, tornando o desenvolvimento com Workers mais seguro, fornecendo a eles uma origem opaca.

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

Se você gostou desse 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.

Em seguida, inscreva-se no nosso canal do YouTube para receber uma notificação por e-mail sempre que um novo vídeo for lançado.

Eu sou Pete LePage e, assim que o Chrome 59 for lançado, eu terei logo aqui para contar as novidades do Chrome!