Depurar Javascript no Chrome passo a passo

| | | | | | | | | | | | | | | | | | |

JavaScript é uma das linguagens de programação mais populares ‚Äã‚Äãno mundo. Também está em todos os lugares - você encontrará JavaScript em todos os seus sites favoritos e aplicativos mais valiosos. Você também aprenderá sobre JavaScript no Chrome. Portanto, se você deseja escrever programas JavaScript compatíveis com o Chrome, deve saber como depurar o JavaScript no Chrome. No entanto, não comece a puxar o colarinho e entrar em pânico. Em primeiro lugar, você parece bobo com o colarinho puxado assim. Segundo, estamos aqui para ajudar.

Criamos este guia para ajudar você a configurar um processo de depuração para JavaScript no Chrome. Fornecemos a você um procedimento de depuração passo a passo que você pode executar e adaptar às suas circunstâncias específicas, e analisamos as técnicas de depuração mais úteis no Chrome. Também fornecemos uma visão geral das DevTools mais valiosas que o Chrome oferece para remover bugs. ` Então vamos começar. Aqui vamos nós!

Obtenha uma extensão para relatar erros

Uma das vantagens do Chrome é a facilidade com que eles podem adicionar e remover extensões que ajudam você em todos os sentidos. Você pode aproveitar isso ao depurar JavaScript no Chrome instalando uma extensão de relatório de erros para identificar e organizar problemas na página. Uma extensão de relatório de erros eliminará grande parte das suposições do processo de depuração e economizará tempo e recursos valiosos.

Existem muitos plugins de relatórios de erros excelentes para escolher, incluindo Raygun e JavaScript Errors Notifier (muito legal, gente). Instale um deles para obter uma estrutura de relatório de erros adequada. Depois que a extensão de relatório estiver instalada, você poderá usá-la para rastrear erros e ter uma ideia melhor do problema. O melhor de tudo é que muitas extensões de relatórios de bugs são gratuitas ou muito baratas.

Use seu desenvolvimento

Escrever código incrível é inútil se você não Não tem um bom conjunto de ferramentas que você pode usar para entrar em seu navegador e mexer com ele para solucionar problemas e otimizar o desempenho. Felizmente, o Chrome tem um conjunto sólido de DevTools que você pode usar para solucionar qualquer situação que surja. As DevTools do Chrome são as melhores amigas e os programadores JavaScript podem levá-lo aonde você quiser. As ferramentas variam, mas o uso adequado pode isolar seu problema e dar a você a melhor chance de encontrar uma solução.

Você pode acesso s DevToolkit do Chrome de diferentes maneiras, inclusive dependendo do que você precisa realizar. Ctrl-Shift-I ou clicar com o botão direito em um item e selecionar "Inspecionar" abrirá o painel DevTools e dará acesso a vários gadgets essenciais e poderosos. Você pode usar o console para revisar eventos, e a guia Itens permitirá que você visualize o script da página e destaque recursos específicos para um exame mais aprofundado.

E este é o lugar perfeito para depurar JavaScript no Chrome . Nunca é divertido quando você precisa descobrir onde seu código deu errado, mas o Chrome tenta tornar a experiência indolor O Chrome tem um conjunto robusto de ferramentas de depuração que você pode usar para isolar e remover quaisquer erros. JavaScript e, com nossa ajuda, você poderá usar todos eles.