Saiba tudo sobre a interface Inspect Devices reformulada, alterne as classes com facilidade no painel de estilo agora corrigido e assista o piloto do DevTools hoje à noite.
Esta é a edição mais recente do resumo para todos os usuários das versões Canary. Perdi algumas atualizações em dezembro. (Estou um pouco preocupada com minha filha recém-nascida.) Vamos lá, junto com algumas bem novas.
A nova caixa de diálogo "Inspect Devices"
A documentação da Depuração remota (atualmente desatualizada) para DevTools tem sido nosso guia mais popular por muitos anos seguidos, o que só poderia significar uma coisa: ninguém tinha ideia de como usá-la.
Então reformulamos a UX. Em vez de ter que abrir uma página totalmente diferente (“chrome://inspect”), todos os “Inspect Devices” agora estão incorporados de forma conveniente ao DevTools para acesso rápido e menos trocas de contexto.
Alternâncias de classe no painel "Estilo"
Agora está mais fácil do que nunca alternar rapidamente uma classe em um elemento para visualizar como ela 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 do painel "Estilo" para testá-lo.
DevTools hoje à noite
É com grande prazer que anunciei mais uma forma de acompanhar o que está acontecendo no mundo do Chrome DevTools: apresento o piloto do DevTools hoje à noite:
No novo programa que será serializado a cada duas semanas, vou me concentrar nos recursos maiores que estão chegando ao Chrome estável (em vez do Canary) e nos aprofundar um pouco mais em cada um deles. Inscreva-se no canal Chrome Developers para receber notificações quando o item 1 for enviado e deixe sua opinião nos comentários do YouTube.
O melhor de todos
- 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 superior do painel "Estilo" agora está fixada. Assim, você sempre pode acessá-la, mesmo se rolar para baixo para editar mais estilos.
- Agora, aumentamos automaticamente a linha do tempo de acordo com o que acreditamos ser relevante para sua sessão de depuração de desempenho.
- A limitação de rede agora oferece suporte a upload e download. Assim, você pode testar coisas como o upload de arquivos em uma conexão 3G.
- Reformulamos a dica de inspeção que se sobrepõe ao elemento inspecionado. Ele está escuro e brilhante, com mais contraste.
Como sempre, envie sua opinião pelo Twitter ou use os comentários abaixo e envie bugs para crbug.com/new.
Até o próximo mês!
Paul Bakaus e a equipe do DevTools