Olá, sou Kayce, redatora técnica do DevTools. Estou aqui para contar as novidades mais recentes do DevTools.
O painel "Resources" agora é o painel "Application"
A partir do Chrome 52, o painel "Resources" não existe mais. Ele foi renomeado para "Painel de aplicativos". Todos os recursos antigos do painel ainda estão disponíveis, além de muitos novos para ajudar a depurar apps da Web progressivos. Agora você também pode experimentar as alegrias de depurar o ciclo de vida do service worker e problemas de tempo de cache.
Confira nosso novo guia, escrito por nós mesmos, para saber mais sobre os novos recursos: Depurar apps da Web progressivos.
ChromeLens
A ChromeLens é uma nova extensão excelente para ajudar você a tornar seu site mais acessível para pessoas com deficiência visual.
P.S. Rob Dodson acaba de lançar uma nova série de vídeos sobre acessibilidade, a11ycasts.
Novos recursos no Canary
No momento, o Canary é o Chrome 54. Para leitores futuros, se você estiver usando o Chrome 54 ou mais recente, poderá usar esses recursos.
O seletor de cores está no painel "Origens".
Clique com o botão direito do mouse no painel "Recursos" no painel "Rede" e copie uma string de solicitações cURL para fazer o download de todos os recursos.
O JavaScript pode ser desativado no menu de comando. Esse recurso só estava disponível nas configurações.
console.warn() agora inclui um stack trace.
Esse último recurso existe há alguns meses, mas vale a pena mencionar outra vez. Crie uma gravação de linha do tempo com a opção de perfil do JS ativada e confira um detalhamento de cada função dos tempos de execução no painel "Fontes".
Novas ideias da comunidade
Confira algumas ideias da comunidade que podem aparecer em uma futura edição do DevTools Near You.
- @matthewcp: acelere a depuração de vazamento de memória mostrando uma lista simples de objetos em crescimento.
- @jonathanbingram: aumentar / diminuir valores de
font-weightcom os atalhos de teclado incremento / decremento. - @_bl4de: Editar cookies (na verdade, é um pedido antigo, mas agradecemos por mencioná-lo novamente). Há rumores de que @kdzwinel está trabalhando em uma PR.
- @kienzle_s: adicione filtros OR ao filtro do painel de rede.
Tem uma nova ideia? Vamos adorar saber sua opinião. Entre em contato com a gente no Twitter em @ChromeDevTools e conte o que está acontecendo.
Enquanto tenho sua atenção, se houver documentos que precisam ser corrigidos ou recursos que precisam ser explicados, abra um problema no repositório de documentos.
Até o próximo mês!