.
Com as Ferramentas do desenvolvedor do Chrome, você pode conferir várias variáveis em todo o aplicativo. Observar variáveis nas origens evita que você use o console e se concentre em melhorar o código.
O painel "Fontes" permite monitorar variáveis no seu aplicativo. Ela está localizada na seção de observação da barra lateral do depurador. Ao aproveitar essa funcionalidade, você não vai precisar registrar objetos repetidamente no console.
Como adicionar variáveis
Para adicionar uma variável à lista de monitoramento, use o ícone de adição à direita do título da seção. Isso vai abrir uma entrada inline em que você informa o nome da variável a ser observada. Depois de preencher, pressione a tecla Enter para adicionar à lista.
O watcher vai mostrar o valor atual da variável conforme ela é adicionada. Se a variável não estiver
definida ou não puder ser encontrada, o valor será
Como atualizar variáveis
Os valores das variáveis podem mudar à medida que um aplicativo continua a operar. A lista de observação não é uma visualização em tempo real das variáveis, a menos que você esteja percorrendo a execução. Quando você passa pela execução usando breakpoints, os valores monitorados são atualizados automaticamente. Para verificar novamente as variáveis na lista, pressione o botão de atualização à direita do título da seção.
Quando a atualização é solicitada, o estado atual do aplicativo é verificado novamente. Todos os itens assistidos serão atualizados com os valores atuais.
Como remover variáveis
Para manter o mínimo de variáveis na lista de monitoramento e trabalhar mais rápido, talvez seja necessário remover variáveis da lista. Para fazer isso, passe o cursor sobre a variável e clique no ícone de remoção que aparece à direita.
