Saiba tudo sobre a interface reformulada de Inspect Devices, alterne as classes com facilidade no painel de estilo agora corrigido e assista ao piloto do DevTools Tonight.
Bem-vindo de volta à última edição do resumo para todos os usuários Canary! Parece que perdi algumas atualizações em dezembro. (Estou um pouco preocupada com minha filha recém-nascida.) Então, aqui estão eles, com alguns super fresquinhos.
Nova caixa de diálogo "Inspect Devices"
A documentação (atualmente desatualizada) Depuração remota do DevTools tem sido nosso guia mais popular por muitos anos seguidos, o que só pode significar uma coisa: ninguém tem a menor 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 maneira conveniente no próprio DevTools para ter acesso rápido e menos troca de contexto.
Alternâncias de classes no painel de 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 novas classes rapidamente para que você não precise editar o atributo. Clique no novo botão .cls no painel "Estilo" para testar.
DevTools hoje à noite
É com grande prazer poder anunciar mais uma maneira 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á publicado a cada duas semanas, vou me concentrar em recursos maiores que serão lançados no Chrome estável (e não no Canary) e nos aprofundarei um pouco mais em cada um deles. Inscreva-se no canal Chrome Developers para receber notificações quando o #1 for lançado. Depois, deixe sua opinião nos comentários do YouTube.
Os outros melhores
- Adicionamos uma configuração para abrir automaticamente as DevTools para pop-ups (janelas recém-criadas). Quando ativado, uma nova instância do DevTools abre automaticamente com qualquer janela recém-criada.
- A barra de ações na parte superior do painel "Estilo" agora está fixada para que você possa acessá-la mesmo que role para baixo para editar mais estilos.
- Agora, aplicamos o zoom automático da linha do tempo ao que consideramos realmente relevante para sua sessão de depuração de desempenho.
- A limitação de rede agora oferece suporte a upload e downloads, para que você possa testar recursos como uploads de arquivos em uma conexão 3G.
- Reformulamos a dica de inspeção que se sobrepõe ao elemento inspecionado. Ela agora está escura e brilhante, adicionando mais contraste.
Como sempre, dê sua opinião pelo Twitter ou pelos comentários abaixo e envie bugs para crbug.com/new.
Até o próximo mês!
Paul Bakaus e a equipe do DevTools