Novidades do DevTools (Chrome 81)

Kayce Basques
Kayce Basques

Suporte ao Moto G4 no Device Mode

Depois de ativar a barra de ferramentas do dispositivo, você poderá simular as dimensões de uma janela de visualização do Moto G4. na lista Dispositivos.

Como simular uma janela de visualização do Moto G4

Clique em Show Device Frame para mostrar o hardware do Moto G4 ao redor da janela de visualização.

Como mostrar o hardware do Moto G4

Recursos relacionados:

  • Abra o Menu de comando e execute o comando Capture screenshot para fazer uma captura de tela do janela de visualização que inclui o hardware do Moto G4 (depois de ativar a opção Mostrar frame do dispositivo).
  • Limitar a rede e a CPU para simular com mais precisão a navegação na Web de um usuário de dispositivo móvel pelas condições

Problema 924693 do Chromium

Atualizações relacionadas a cookies

Cookies bloqueados no painel "Cookies"

O painel "Cookies" no painel "Aplicativo" agora colore os cookies bloqueados com um plano de fundo amarelo.

Cookies bloqueados no painel "Cookies" do painel "Aplicativo"

Consulte também Depurar por que um cookie foi bloqueado para saber como acessar uma interface semelhante na rede. do painel de controle.

Problema 1030258 do Chromium

Prioridade de cookies no painel "Cookie"

As tabelas "Cookies" nos painéis "Rede" e "Aplicativo" agora incluem a coluna Prioridade.

Problema 1026879 do Chromium

Editar todos os valores de cookies

Todas as células nas tabelas de cookies agora podem ser editadas, exceto as células na coluna Size, porque representa o tamanho da rede do cookie, em bytes. Consulte Campos para conferir uma explicação sobre cada coluna.

Editar um valor de cookie

Copiar como Node.js busca para incluir dados de cookies

Clique com o botão direito do mouse em uma solicitação de rede e selecione Copiar > Copie como busca do Node.js para receber um fetch. que inclui dados de cookies.

Copiar como busca do Node.js

Problema 1029826 do Chromium

Ícones mais precisos do manifesto do app da Web

Antes, o painel "Manifest" no painel "Aplicativo" executava as próprias solicitações para mostrar ícones do manifesto do app da Web. O DevTools agora mostra exatamente o mesmo ícone de manifesto que o Chrome usa.

Ícones no painel "Manifest"

Problema 985402 do Chromium

Passe o cursor sobre as propriedades CSS content para ver os valores sem escape

Passe o cursor sobre o valor de uma propriedade content para conferir a versão sem escape do valor.

Por exemplo, nesta demo ao inspecionar o pseudoelemento p::after, você verá uma no painel Styles:

A string com escape

Ao passar o cursor sobre o valor content, você vê o valor sem escape:

O valor sem escape

Erros mais detalhados do mapa de origem no Console

Agora o Console fornece mais detalhes sobre o motivo da falha no carregamento ou na análise de um mapa de origem. Antes, só forneceu um erro sem explicar o que deu errado.

Erro de carregamento do mapa de origem no console

Configuração para desativar a rolagem após o fim de um arquivo

Abra Configurações e desative Preferências > Fontes > Permitir rolagem após o fim de para desativar o comportamento padrão da interface que permite rolar a página até o fim de um arquivo painel Origens.

Veja um GIF do recurso.

Fazer o download dos canais de visualização

Use o Chrome Canary, Dev ou Beta como seu navegador de desenvolvimento padrão. Esses canais de pré-lançamento dão acesso aos recursos mais recentes do DevTools, testam APIs modernas da plataforma Web e encontram problemas no seu site antes que os usuários o façam!

Entrar em contato com a equipe do Chrome DevTools

Use as opções a seguir para discutir os novos recursos e mudanças na postagem ou qualquer outro assunto relacionado ao DevTools.

  • Envie uma sugestão ou feedback pelo site crbug.com.
  • Informe um problema do DevTools usando Mais opções   Mais > Ajuda > Relate problemas no DevTools no DevTools.
  • Tuíte em @ChromeDevTools.
  • Deixe comentários nos vídeos do YouTube sobre as novidades do DevTools ou nos vídeos do YouTube com dicas sobre o DevTools.

Novidades no DevTools

Uma lista de tudo que foi abordado na série Novidades no DevTools.