Resumo do DevTools

Pilhas de chamadas assíncronas

Os stack traces agora podem ser associados à fonte assíncrona de um evento. Existe suporte para timers, frames de animação, XHRs, listeners de eventos e muito mais. Em breve, publicaremos um resumo completo das pilhas de chamadas assíncronas no HTML5 Rocks. Não se esqueça de marcar "Ativar suporte a stack traces assíncronos" nos experimentos do DevTools. [crbug.com/272416, link em inglês]

Pilha de chamadas assíncrona.

getEventListeners(window)

Ao visualizar o DOM de uma página, nem sempre fica óbvio quais elementos têm listeners de eventos JavaScript registrados, se houver. Todos os listeners de eventos registrados no objeto window (ou qualquer nó DOM para esse caso) agora podem ser recuperados por getEventListeners no painel do console como parte da API Command Line. [crbug.com/336472].

O painel Sources introduz o conceito de edição de locais, que são essencialmente posições de cursor no editor de código. Alt- direciona você para os locais de edição anteriores (o trecho de código em que você estava anteriormente) e Alt+ avança. [crbug.com/281507, link em inglês]

Os valores de sugestão automática de "Sombra da caixa" foram atualizados

Os valores de sugestão automática para a propriedade CSS box-shadow foram atualizados para incluir a palavra-chave none. [crbug.com/332355]

Sombra da caixa nenhuma

Ir para um número de linha e uma coluna específicos

Acesse um número de linha em uma coluna específica usando :line:column na caixa de diálogo "Pesquisar por nome de arquivo" do painel Origens (Ctrl + O ou Cmd + O). [crbug.com/337909, link em inglês]

Redimensionamento facilitado com a alça da barra de ferramentas

Qualquer espaço vazio na barra de ferramentas principal do DevTools agora funciona como uma alça de redimensionamento válida. [crbug.com/304730].

Barras de rede compatíveis com a tela Retina

As barras de rede, originalmente formadas a partir de imagens, agora foram criadas em CSS, tornando-as independentes de resolução e compatíveis com a retina. [crbug.com/330659, link em inglês]

Reduzir o ruído no console

Os argumentos desconhecidos transmitidos à tag metaview não são mais exibidos como erros no console, mas sim como avisos, o que significa menos ruído para você analisar. [crbug.com/332794, link em inglês]

Remover engrenagem de formatação de cor

A engrenagem do painel Styles para alternar entre formatos de cores foi removida, embora você ainda possa mudar essa preferência nas configurações do DevTools. [crbug.com/333840].

Guia fixa do console

A guia do console na gaveta agora lembra corretamente o estado após uma atualização. [crbug.com/328551, link em inglês]

Explicação aprimorada sobre dimensionamento automático de texto

Um link para a documentação da emulação de dispositivos móveis foi adicionado ao DevTools para ajudar a explicar mais sobre emulação e dimensionamento automático de texto. Uma dica também aparece para a caixa de seleção de dimensionamento automático de texto. [crbug.com/319092].

Dica de dimensionamento automático de texto

Endereço IP remoto

Agora é possível conferir o endereço IP de um host na visualização de recursos do painel "Rede". [crbug.com/255602, link em inglês]

Endereço IP remoto

Agradecemos a atenção. Você pode testar esses recursos no Canary. Como alternativa, muitos dos recursos mencionados na edição de dezembro estão disponíveis no Chrome Stable.