DevTools Digest, agosto de 2016

Kayce Basques
Kayce Basques

Olá, meu nome é Kayce, redator técnico do DevTools. Estou aqui para falar sobre os últimos acontecimentos na versão do DevTools.

O painel "Recursos" agora é o painel "Aplicativo"

O painel Recursos não aparece mais no Chrome 52. Ele foi renomeado como painel "Application". Todos os recursos antigos do painel Recursos ainda estão disponíveis, além de muitos novos para ajudar a depurar Progressive Web Apps. Agora você também pode aproveitar a depuração do ciclo de vida do service worker e de problemas de tempo de cache.

Confira nosso novo guia, escrito por você mesmo, para saber mais sobre os novos recursos: Depurar Progressive Web Apps

ChromeLens

lente do Chrome.

O ChromeLens é uma nova extensão excelente para ajudar você a tornar seu site mais acessível às pessoas com deficiência visual.

Observação: Rob Dodson acabou de lançar uma nova série de vídeos sobre acessibilidade, a a11ycasts.

Novos recursos agora no Canary

No momento, o Canary é o Chrome 54. Portanto, para futuros leitores, se você estiver usando o Chrome 54 ou mais recente, poderá usar esses recursos.

O Seletor de cores está no painel Origens.

Seletor de cores do painel Sources.

Clique com o botão direito do mouse no painel "Recursos" no painel "Rede". É possível copiar uma string de solicitações cURL para fazer o download de todos os seus recursos.

Copiar tudo como curl.

O JavaScript pode ser desativado no menu de comando. Essa opção estava disponível apenas nas Configurações.

Desativar o JavaScript.

console.warn() agora inclui um stack trace

console.warn().

Esse último recurso já está disponível há alguns meses, mas vale a pena mencionar novamente. Crie uma gravação da linha do tempo com a opção de perfil JS ativada. Você verá um detalhamento função por função dos tempos de execução no painel Origens.

Tempos de execução da função no painel de origens.

Novas ideias da comunidade

Aqui estão algumas novas ideias da comunidade que podem estar chegando a um futuro DevTools perto de você.

  • @matthewcp (link em inglês): acelere a depuração de vazamento de memória exibindo uma lista simples de objetos em crescimento.
  • @jonathanbingram: aumente / diminua os valores de font-weight com os atalhos de teclado de aumentar / diminuir.
  • @_bl4de: edita cookies. Essa é uma solicitação antiga, mas agradecemos por trazer isso de novo. Dizem que @kdzwinel tem um RP em andamento.
  • @kienzle_s: adicione filtros OR ao filtro do painel "Rede".

Tem uma ideia nova? Adoraríamos saber sua opinião. Dê um ping no Twitter (@ChromeDevTools) e conte o que está acontecendo.

Se houver algum documento que precise ser corrigido ou recursos que precisem ser explicados para você, fique à vontade para abrir um problema no repositório de documentos (link em inglês).

Até o próximo mês!