Prefácio
Em nosso desenvolvimento diário, geralmente usamos as poderosas fontes de console do Chrome para depurar pontos de interrupção do código, mas não podemos encontrá -lo em fontes carregando o JS de forma assíncrona através de $.getScript e outros assíncronos. Então, como depurar pontos de interrupção? Vamos dar uma olhada juntos abaixo.
Este é um exemplo de diagrama de nossa depuração com fontes de ponto de interrupção:
Na figura, podemos ver que, no index.js, apresentamos o teste.js através de $.getScript para ver como ele se sai:
Vimos na rede que o teste.js foi introduzido com sucesso, mas ele pertence a solicitações de classe XHR, por isso definitivamente não o encontraremos em fontes.
Como esperado, de fato não havia traços de teste.js encontrados em fontes! O clímax está chegando, então como posso depurar o ponto de interrupção? ? ?
Eu conheço duas soluções, primeiro a mais fácil:
Solução 1: add //@ sourceURL=test.js no cabeçalho ou na cauda do código Test.js e encontre -o em (no domain) para depuração e veja o resultado:
Solução 2: Altere o método assíncrono de $.getScript para criar tags de script e carregar de maneira síncrona. A figura está listada diretamente:
Resumir
O ponto de interrupção do console é muito útil para verificarmos o código, a detecção de funções, a visualização de dados e outras necessidades. Tentamos substituir o console irritante.log por pontos de interrupção. O acima é o conteúdo inteiro deste artigo. Espero que seja útil para estudar e trabalhar de todos. Se você tiver alguma dúvida, pode deixar uma mensagem para se comunicar.