1. depurador;He dicho antes que puedes añadir una oración de depurador a tu código Javascrip{filter}t; para crear un efecto de punto de quiebre a mano.
¿Necesitas un punto de quiebre con las condiciones? Solo necesitas rodearlo con una declaración if:
Pero recuerda cortarlos antes de que el programa salga a la venta.
2. Configurar el punto de interrupción para que se active cuando cambia el nodo DOM
A veces descubrirás que el DOM está fuera de tu control y sufrirá cambios extraños por sí solo, dificultando llegar a la raíz del problema.
Hay una función muy útil en las herramientas de desarrollo de Google Chrome que puede gestionar esta situación, llamada "Break on..."; puedes hacer clic derecho en el nodo DOM y ver este elemento del menú.
La condición de disparo para un punto de interrupción puede establecerse para que el nodo se elimine, cambien sus propiedades o cambie uno de sus subnodos.
3. Puntos de quiebre del Ajax
Los puntos de interrupción XHR, o puntos de interrupción Ajax, como su nombre, nos permiten establecer un punto de interrupción que activa la llamada Ajax de una característica cuando ocurre.
Esto es muy efectivo cuando depuras una aplicación web a través de una red.
4. Entorno de simulación de dispositivos móviles
Google Chrome tiene herramientas muy interesantes para simular dispositivos móviles que nos ayudan a depurar cómo funciona el programa en el dispositivo móvil.
Para encontrarlo, pulsa F12, abre las herramientas de desarrollo, luego pulsa la tecla ESC (la pestaña actual no puede ser Consola), y verás aparecer la ventana de segundo nivel de depuración, en la pestaña de Emulación con varios dispositivos de emulación para elegir.
Por supuesto, no será un iPhone real, sino que solo simulará las dimensiones del iPhone, los eventos táctiles y los valores del User Agent del navegador.
5. Mejora tu sitio web con auditorías
YSlow es una gran herramienta. Hay una herramienta muy similar en las herramientas para desarrolladores de Google Chrome llamada Auditorías.
Audita rápidamente tu sitio web y te ofrece sugerencias y formas muy prácticas y efectivas de optimizar tu web.
|
Publicado en 13/6/2017 13:11:32
|
|
|
|
Publicado en 13/6/2017 15:24:17