Conheça a interface renovada do Inspecionar dispositivos, ative classes com facilidade no painel de estilo fixo e assista o piloto do DevTools Tonight.
Este é o resumo mais recente para todos os usuários do Canary. Parece que perdi algumas atualizações em dezembro. (Estou um pouco preocupada com minha filha recém-nascida.) Aqui estão eles, junto com alguns super novos.
A nova caixa de diálogo "Inspect Devices"
A documentação de Depuração remota (atualmente desatualizada) para o DevTools é o guia mais popular há muitos anos, o que só pode significar uma coisa: ninguém tinha a menor ideia de como usá-lo.
Então, reformulamos a UX. Em vez de abrir uma página totalmente diferente ("chrome://inspect"), agora a opção "Inspecionar dispositivos" está incorporada ao DevTools para acesso rápido e menos trocas de contexto.
Ativar e desativar classes no painel de estilo
Agora é mais fácil alternar rapidamente uma classe em um elemento para conferir como ele ficaria com ou sem os estilos associados. Também adicionamos uma entrada para adicionar rapidamente novas classes, para que você não precise editar o atributo. Clique no novo botão .cls no painel Estilo para testar.
DevTools Tonight
É com grande prazer que anuncio mais uma forma de acompanhar o que está acontecendo no mundo do Chrome DevTools: apresento a vocês o piloto do DevTools Tonight:
No novo programa, que será lançado a cada duas semanas, vou me concentrar em recursos maiores que serão lançados no Chrome estável (em vez do Canary) e vou falar mais detalhadamente sobre cada um deles. Inscreva-se no canal Chrome Developers para receber uma notificação quando o recurso for lançado e deixe sua opinião nos comentários do YouTube.
O melhor do resto
- Adicionamos uma configuração para abrir o DevTools automaticamente para pop-ups (janelas recém-criadas). Quando ativada, uma nova instância do DevTools é aberta automaticamente com qualquer janela recém-criada.
- A barra de ações na parte de cima do painel de estilo agora está fixa, então você pode acessá-la mesmo se rolar para baixo para editar mais estilos.
- Agora o zoom automático da linha do tempo é aplicado ao que achamos relevante para sua sessão de depuração de desempenho.
- O controle de taxa de transferência de rede agora oferece suporte a uploads, além de downloads, para que você possa testar coisas como uploads de arquivos em uma conexão 3G.
- Reformulamos a dica de ferramenta de inspeção que se sobrepõe ao elemento inspecionado. Agora ele está escuro e brilhante, e adiciona mais contraste.
Como sempre, deixe sua opinião no Twitter ou nos comentários abaixo e envie bugs para crbug.com/new.
Até o próximo mês!
Paul Bakaus e a equipe do DevTools