Olá, Kayce, estou de volta para mais um resumo para atualizar você sobre as novidades do DevTools desde o mês passado.
Novos recursos no console
No Chrome 56, que está na versão Canary, o Console do DevTools usa a tecnologia CodeMirror. Isso ativa vários recursos novos, como:
Destaque de sintaxe enquanto você digita. Antes, o DevTools só podia destacar a sintaxe após a avaliação de um bloco de código.
Correspondência de parênteses / colchete / destaque de chave. Se você tiver parênteses, colchetes ou chaves extras, o DevTools vai destacar isso em vermelho.
Os 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 precisa criar uma nova linha ou executar o código toda vez que você
pressionar Enter. Por exemplo, suponha que você queira
avaliar a seguinte repetição 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, é necessário segurar Shift antes de pressionar Enter. Por outro lado, agora o DevTools continua automaticamente o bloco de código em uma nova linha depois que você pressiona Enter, como esperado.
Vários cursores: Mantenha as teclas Command (Mac) ou Control + Alt (Windows, Linux) pressionadas e clique.
A versão Canary agora destaca os contextos não principais em vermelho
Se você trabalhou no Console ultimamente, pode ter sido alvo de um
bug malvado que estava configurando o seletor de contexto de execução para valores
diferentes de top
.
Esse bug foi corrigido no Stable, mas, por segurança, o DevTools
no Canary (Chrome 56) agora avisa que você não está no contexto top
,
destacando o seletor em vermelho.
Novo user agent: navegador do UC
Agora é possível selecionar o UC Browser para iOS, Android ou Windows Phone na guia da gaveta Condições de rede.
Compartilhar é se importar
Como sempre, adoraríamos ouvir seu feedback ou ideias sobre qualquer assunto relacionado ao DevTools.
- Envie um ping no ChromeDevTools (link em inglês) no Twitter para fazer perguntas rápidas, dar feedback ou compartilhar novas ideias.
- Para discussões mais longas, a melhor opção é a lista de e-mails ou o Stack Overflow.
- Para qualquer coisa relacionada aos documentos, abra um problema no nosso 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 mês que vem,
Kayce