5 habilidades essenciais de depuração para depuração JS

1. depurador;

Eu também disse antes que você pode adicionar um debugger; ao código JavaScript para criar manualmente um efeito de ponto de interrupção.

Precisa de pontos de interrupção condicionais? Você só precisa cercá-lo com instruções if :

Copie o código. O código é o seguinte: if (somethingHappens) {

depurador;

}

Mas lembre-se de excluí-los antes do lançamento do programa.

Às vezes você descobrirá que o DOM não está sob seu controle e sofrerá algumas alterações estranhas, dificultando a localização da origem do problema.

Existe uma função super fácil de usar nas ferramentas de desenvolvimento do Google Chrome que pode lidar especificamente com esta situação, chamada "Break on..." . Você pode ver este item de menu clicando com o botão direito no nó DOM.

A condição de acionamento do ponto de interrupção pode ser definida como a exclusão do nó, qualquer alteração nos atributos do nó ou uma alteração em um de seus nós filhos.

Os pontos de interrupção XHR, ou pontos de interrupção Ajax, como o nome sugere, nos permitem definir um ponto de interrupção que aciona chamadas Ajax específicas quando elas ocorrem.

Esse truque é muito eficaz quando você está depurando o tráfego de rede para aplicativos da web.

O Google Chrome possui algumas ferramentas muito interessantes para simular dispositivos móveis para nos ajudar a depurar como os programas são executados em dispositivos móveis.

A maneira de encontrá-lo é: pressione F12 para abrir as ferramentas do desenvolvedor e, em seguida, pressione a tecla ESC (a guia atual não pode ser Console), você verá a segunda camada da janela de depuração aparecer e há vários dispositivos de simulação no Guia Emulação.

Claro, isso não se transforma em um iPhone real, apenas simula as dimensões do iPhone, eventos de toque e valores do agente do usuário do navegador.

YSlow é uma ótima ferramenta. As ferramentas para desenvolvedores do Google Chrome também possuem uma ferramenta muito semelhante chamada Auditorias .

Ele pode auditar rapidamente o seu site e fornecer sugestões e métodos muito práticos e eficazes para otimizá-lo.

Não sei como me desenvolveria sem essas ferramentas. Também escreverei mais dicas sobre isso - fique ligado na minha última postagem assim que eu descobrir.