Resumo do DevTools

Pilhas de chamadas assíncronas

Os Stack Traces agora podem ser associados à origem assíncrona de um evento. Há suporte para temporizadores, frames de animação, XHRs, listeners de eventos e muito mais. Em breve, vamos postar um artigo completo sobre pilhas de chamadas assíncronas no HTML5 Rocks. Não se esqueça de marcar "Ativar suporte para stack traces assíncronos" nos experimentos do DevTools. [crbug.com/272416]

Pilha de chamadas assíncronas.

getEventListeners(window)

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

O painel sources apresenta o conceito de edição de locais, que são essencialmente posições de cursor no editor de código. Alt- leva você a locais de edição anteriores (o código em que você estava antes) e Alt+ avança. [crbug.com/281507]

Os valores de sugestão automática de sombra de 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]

Box-shadow none

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

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]

Redimensionamento mais fácil com a alça da barra de ferramentas

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

Barras de rede compatíveis com Retina

As barras de rede que foram originalmente formadas por imagens agora foram criadas em CSS, tornando-as independentes da resolução e compatíveis com retina. [crbug.com/330659]

Reduzir o ruído no console

Os argumentos desconhecidos transmitidos para a tag meta viewport não são mais mostrados como erros no console, mas como avisos, o que significa menos ruído para você analisar. [crbug.com/332794]

Remover engrenagem de formatação de cores

O ícone de engrenagem do painel "Styles" para alternar entre formatos de cores foi removido, mas você ainda pode mudar essa preferência nas configurações do DevTools. [crbug.com/333840]

Guia "Sticky console"

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

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

Um link para a documentação de emulação para dispositivos móveis foi adicionado ao DevTools para explicar melhor a emulação e o 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 de rede. [crbug.com/255602]

Endereço IP remoto

Agradecemos a atenção. Você pode testar esses recursos no Canary. Além disso, muitos dos recursos mencionados na edição de dezembro já estão disponíveis no Chrome Stable.