Novidades do DevTools (Chrome 61)

Kayce Basques
Kayce Basques

Os novos recursos e as principais mudanças do DevTools no Chrome 61 incluem:

Confira a versão em vídeo dessas notas da versão abaixo ou continue lendo para saber mais.

Simule dispositivos móveis de baixo e médio nível no Device Mode

O menu Limitação do Device Mode agora é exposto por padrão e permite simular um dispositivo móvel de nível baixo ou intermediário com alguns cliques.

O menu de limitação

Figura 1. O menu de limitação

Definições do menu de limitação

Figura 2. Passe o cursor sobre o menu Limitação ou abra o menu Configurações de captura para ver as definições de Dispositivo móvel de camada intermediária e Dispositivo móvel baixo.

Conferir o uso do armazenamento

A nova seção Usage na guia Limpar armazenamento do painel Aplicativo mostra quanto armazenamento uma origem está usando, além da cota máxima da origem nesse dispositivo.

A seção "Uso"

Figura 3. A seção Uso mostra que https://airhorner.com está usando 66,9 KB fora da cota de origem de 15.214 MB

Ver quando um service worker armazenar respostas em cache

A nova coluna Tempo em cache na guia Armazenamento em cache mostra quando um service worker armazena em cache as respostas.

A coluna "Tempo em cache"

Figura 4. A coluna Tempo de cache

Ativar o medidor de QPS no menu de comando

Agora é possível ativar o Medidor de QPS no Menu de comando.

Como ativar o medidor de QPS no menu de comando

Figura 5. Ativar o Medidor de QPS no Menu de comando

Definir o comportamento da roda do mouse para aplicar zoom ou rolar com as gravações de desempenho

Abra as configurações e defina a nova configuração Ação da roda do mouse do Flamechart para mudar o comportamento dos mouses no painel Desempenho.

Por exemplo, quando você usa a roda do mouse na seção Main de uma gravação ou ao deslizar com dois dedos em um trackpad, o comportamento padrão é aumentar ou diminuir o zoom. Quando você muda a configuração para Scroll, esse gesto agora rola para cima ou para baixo.

Configuração "Ação da roda do mouse no Flame Chart"

Figura 6. A configuração Ação da roda do mouse do Flamechart.

Suporte à depuração para módulos ES6

Os módulos ES6 são lançados nativamente no Chrome 61. Não há muita coisa acontecendo aqui em relação ao DevTools, além de que a depuração funciona da maneira esperada. Tente definir alguns pontos de interrupção e perceber em ES6-Module-implementation de Paul Irlanda de TodoMVC para ver por conta própria.

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