Novidades do DevTools (Chrome 119)

Sofia Emelianova
Sofia Emelianova
GitHub

Seção @property aprimorada em Elementos > Estilos

Regra @property editável

Agora é possível editar a at-rule CSS do @property na seção correspondente no painel Elementos > Estilos.

O antes e o depois que tornam a regra de propriedade editável.

Problema do Chromium: 1471123

Problemas com regras @property inválidas foram informados

A guia Problemas agora informa problemas com declarações inválidas nas regras @property.

Erros com a regra de propriedade informados na guia "Problemas".

Problema do Chromium: 1473283.

Lista atualizada de dispositivos para emular

As strings do user agent em Configurações. Configurações > Dispositivos foram atualizadas para refletir o uso médio de navegadores e sistemas operacionais. Agora é possível emular mais dispositivos atualizados no modo dispositivo.

O antes e o depois da atualização da lista de dispositivos.

Problema do Chromium: 1479733.

JSON inline de impressão bonito em tags de script em origens

O painel Origens agora oferece suporte à formatação de JSON inline em tags HTML <script> para facilitar a depuração.

O antes e o depois da formatação JSON inline na tag do script.

Problemas do Chromium: 406900 e 1473875.

Preencher campos particulares automaticamente no console

Agora é possível preencher automaticamente campos de classe particular ao avaliá-los fora do escopo da classe no Console.

O antes e depois do preenchimento automático para o campo da turma particular fora do escopo da turma.

Problemas do Chromium: 1483848, 1381806.

Lighthouse 11.1.0

O painel Lighthouse agora executa o Lighthouse 11.1.0. Confira a lista completa de mudanças.

Para aprender os conceitos básicos do uso do painel Lighthouse no DevTools, consulte Lighthouse: otimizar a velocidade do site.

Problemas do Chromium: 772558.

Melhorias de acessibilidade

Os leitores de tela lerão o seguinte:

  • Avisos e erros no Console.
  • O texto na caixa de diálogo Você confia neste código? ao colar o código para o Console ou para Fontes.

Além disso, o painel Aplicativo corrigiu problemas de contraste com links no modo de alto contraste.

Problemas do Chromium: 1485257, 1486643 e 1485263.

Descontinuação do Web SQL

A seção Aplicativo > Web SQL será removida no Chrome 123 porque a API Web SQL Database não será mais mantida. Esta versão adiciona um aviso à seção sobre a futura remoção.

O aviso de descontinuação do Web SQL.

Para mais informações, consulte Suspensão do uso e remoção do Web SQL.

Problemas do Chromium: 1485966.

Manifesto"" id="manifest-aspect-ratio" tabindex="-1">Validação da proporção da captura de tela em Application > Manifest

A seção Aplicativo > Manifesto agora verifica se as capturas de tela do seu app da Web com o mesmo formato (wide ou narrow) têm a mesma proporção.

Um aviso sobre a proporção incorreta de capturas de tela com o mesmo formato.

Para saber mais, consulte Depurar Progressive Web Apps e Adicionar um manifesto de app da Web.

A equipe do DevTools agradece a Alexey Rodionov por ter feito essa mudança e outras melhorias nos avisos de manifesto da versão anterior.

Problema do Chromium: 1476656

Destaques diversos

Estas são algumas correções e melhorias importantes nesta versão:

  • Elementos:
    • As amostras de funções de tempo de animação não são mostradas para propriedades CSS de longa data sob as abreviações expansíveis (1149182).
    • O preenchimento automático de contain-intrinsic-* agora não fornece o valor auto único incorreto porque precisa ser auto <length> (1480415).
    • O suporte a propriedades -webkit-* descontinuadas e inválidas foi removido (1086089, 1030765).
  • Pontos de interrupção: correção do bug com a caixa de diálogo de edição do ponto de interrupção desaparecendo quando o tipo de ponto de interrupção mudava (1485782).
  • Desempenho:
    • O erro de análise de cores durante o registro da performance foi corrigido (1480205).
    • Correção do bug em que a LCP não aparecia na faixa Tempos (1487136).
  • Rede: a coluna Definir cookies agora mostra o número correto de cookies definidos, exceto os bloqueados (1486903).
  • As extensões do DevTools agora são carregadas após a navegação para um host não bloqueado (1476264).
  • Correção do bug com contexto incorreto de execução de script para extensões (1275331).

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 oferecem acesso aos recursos mais recentes do DevTools, testam as APIs modernas de plataformas da Web e encontram problemas no site antes dos usuários.

Entrar em contato com a equipe do Chrome DevTools

Use as opções a seguir para discutir os novos recursos e mudanças na publicação ou qualquer outra coisa relacionada ao DevTools.

  • Envie uma sugestão ou feedback em crbug.com.
  • Informe um problema do DevTools em Mais opções   Mais   > Ajuda > Informar problemas no DevTools.
  • Envie um tweet em @ChromeDevTools.
  • Deixe comentários nos nossos vídeos do YouTube sobre a ferramenta DevTools ou nos vídeos do YouTube com dicas sobre o DevTools.

Novidades no DevTools

Uma lista de tudo o que foi abordado na série O que há de novo no DevTools.

Chrome 123

Chrome 122

Chrome 121

Google Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Google Chrome 113

Chrome 112

Chrome 111

Google Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Introdução ao Chrome

Chrome 103

Introdução ao Chrome

Introdução ao Chrome

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

O Chrome 82 foi cancelado.

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Google Chrome 67

Chrome 66

Chrome 65

Google Chrome 64

Google Chrome 63

Chrome 62

Chrome 61

Google Chrome 60

Chrome 59