Novidades no Chrome 58

Pete LePage

Quer a lista completa de alterações? Consulte o Lista de alterações do repositório de origem do Chromium

Meu nome é Pete LePage. Vamos nos aprofundar e ver as novidades para desenvolvedores no Chrome 58.

IndexedDB 2.0

A estrutura do banco de dados do seu site tem grandes impactos no desempenho e pode ser difíceis de mudar. IndexedDB 2.0 (link em inglês) muda isso.

  • As lojas object e indexes agora podem ser renomeadas no local após uma e refatoração.
  • As chaves binárias permitem chaves mais naturais sem se preocupar com o desempenho penalidades.
  • A recuperação de dados é mais fácil com 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 o getAll() e getAllKey().

Progressive Web Apps em tela cheia

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

No entanto, para experiências ainda mais imersivas, como jogos, players de vídeo, ou outros elementos de IU de conteúdo avançado, como as barras de sistema, podem ser uma distração e ocupar os pixels valiosos que você quer.

Agora você pode deixar seu App Web Progressivo totalmente imersivo definindo display: fullscreen na sua manifesto do app da Web.

Um PWA iniciado na tela inicial (à esquerda) e iniciado na tela inicial está no modo standalone (no meio) e é aberto pela tela inicial Modo fullscreen (à direita).

Quando seu app é iniciado pela tela inicial, todas as interfaces para dispositivos móveis que não são de apps elementos ficarão ocultos.

Melhorias no iframe no modo sandbox

O Chrome 58 agora é compatível com a nova palavra-chave do sandbox de iframe allow-top-navigation-by-user-activation

Quando acionada por uma interação de usuário, essa palavra-chave fornece aos iframes no sandbox a navegar na página de nível superior, mas ainda bloquear os redirecionamentos automáticos.

E muito mais.

E, claro, há muito mais.

  • Diga adeus à invasão do clearfix. Em vez de redefinir manualmente várias propriedades de layout, como flutuar e limpar, agora é possível adicionar uma nova contexto de formatação em blocos usando display: flow-root.
  • PointerEvents.getCoalescedEvents() permite acessar todos os eventos de entrada. desde a última vez que um PointerEvent foi entregue. Perfeito para quando você precisa de um histórico preciso de pontos para coisas como apps de desenho.
  • E Workers e SharedWorkers agora podem ser criados usando URLs data:, tornando o desenvolvimento com Workers mais seguro, fornecendo uma origem opaca

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

Se você gostou desse vídeo, confira Designer x 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 você receberá 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, terei certeza aqui para contar as novidades do Google Chrome.