Olá, Kayce. Estou de volta para outro resumo para atualizar você sobre as novidades do DevTools desde o mês passado.
Novos recursos no console
No Chrome 56, que atualmente está na versão Canary, o Console do DevTools usa a tecnologia do CodeMirror. Isso ativa vários recursos novos, como:
Destaque de sintaxe enquanto você digita. Antes, o DevTools só podia destacar a sintaxe depois da avaliação de um bloco de código.
Destaque de parênteses / colchetes / chaves correspondentes. Se você tiver parênteses, colchetes ou chaves extras, o DevTools vai destacar em vermelho.
Parênteses, colchetes ou chaves correspondentes são destacados em cinza quando o cursor está ao lado de um deles.
Retorno inteligente. Quando você digita um bloco de código de várias linhas, o DevTools
agora sabe se deve criar uma nova linha ou executar o código sempre que você
pressiona Enter. Por exemplo, suponha que você queira
avaliar o seguinte loop for no console:
for (var i = 0; i < 5; i++) {
console.log(i);
}
Antes, pressionar Enter depois de digitar a primeira linha fazia com que o DevTools avaliasse a linha, causando um erro. Para continuar o bloco de código em uma nova linha, você precisaria manter a tecla Shift pressionada antes de pressionar Enter. Por outro lado, agora as Ferramentas do desenvolvedor continuam automaticamente o bloco de código em uma nova linha depois que você pressiona Enter, como esperado.
Vários cursores. Mantenha pressionada a tecla Command (Mac) ou Control+Alt (Windows, Linux) e clique.
O canário agora destaca em vermelho contextos além do principal
Se você trabalhou no console recentemente, talvez tenha encontrado um
bug que estava definindo o seletor de contexto de execução para valores
diferentes de top.
Esse bug já foi corrigido no Stable, mas, para garantir, o DevTools
no Canary (Chrome 56) agora avisa que você não está no contexto top,
destacando o seletor em vermelho.
Novo user agent: UC Browser
Agora você pode selecionar o navegador do UC para iOS, Android ou Windows Phone na guia da gaveta Condições de rede.
Compartilhar é cuidar
Como sempre, adoraríamos receber seu feedback ou suas ideias sobre qualquer assunto relacionado ao DevTools.
- Envie um ping em ChromeDevTools no Twitter para receber perguntas breves, receber feedback ou compartilhar novas ideias.
- Para discussões mais longas, use a lista de e-mails ou o Stack Overflow.
- Para qualquer coisa relacionada a documentos, abra um problema no repositório de documentos.
- Você pode entrar em contato diretamente com a equipe para informar um bug ou solicitar um recurso no Crbug.
Até o próximo mês,
Kayce