5 habilidades de depuración esenciales para la depuración de JS

1. depurador;

También dije antes que puedes agregar un debugger; al código JavaScript para crear manualmente un efecto de punto de interrupción;

¿Necesita puntos de interrupción condicionales? Sólo necesitas rodearlo con declaraciones if :

Copie el código. El código es el siguiente: if (algo sucede) {

depurador;

}

Pero recuerde eliminarlos antes de que se lance el programa.

A veces encontrará que el DOM no está bajo su control y sufrirá algunos cambios extraños, lo que le dificultará encontrar la fuente del problema.

Hay una función muy fácil de usar en las herramientas de desarrollo de Google Chrome que puede abordar específicamente esta situación, llamada "Interrumpir en..." . Puede ver este elemento del menú haciendo clic derecho en el nodo DOM.

La condición de activación del punto de interrupción se puede establecer en la eliminación del nodo, cualquier cambio en los atributos del nodo o un cambio en uno de sus nodos secundarios.

Los puntos de interrupción XHR, o puntos de interrupción Ajax, como su nombre indica, nos permiten establecer un punto de interrupción que activa llamadas Ajax específicas cuando ocurren.

Este truco es muy eficaz cuando se depura el tráfico de red para aplicaciones web.

Google Chrome tiene algunas herramientas muy interesantes para simular dispositivos móviles que nos ayudan a depurar cómo se ejecutan los programas en dispositivos móviles.

La forma de encontrarlo es: presione F12 para abrir las herramientas de desarrollador y luego presione la tecla ESC (la pestaña actual no puede ser Consola), verá aparecer la segunda capa de la ventana de depuración y hay varios dispositivos de simulación en el Pestaña de emulación. Opcional.

Por supuesto, esto no se convierte en un iPhone real, simplemente simula las dimensiones del iPhone, los eventos táctiles y los valores del agente de usuario del navegador.

YSlow es una gran herramienta. Las herramientas para desarrolladores de Google Chrome también cuentan con una herramienta muy similar llamada Auditorías .

Puede auditar rápidamente su sitio web y brindarle sugerencias y métodos muy prácticos y efectivos para optimizar su sitio web.

No sé cómo me desarrollaría sin estas herramientas. También escribiré más consejos sobre esto; estad atentos a mi última publicación una vez que me entere.