habilitar - ¿Cómo identifico si tengo un conflicto de JavaScript en mi sitio web?
desactivar javascript chrome (2)
Actualmente estoy moviendo un sitio web alojado en un sistema CMS. El sitio actual usa un script emergente modal llamado SqueezeBox.js. He copiado el código exactamente cómo se ve en el sitio web actual, sin embargo, el cuadro emergente modal no se activa cuando hago clic en una imagen en miniatura.
Al mirar el código en el encabezado, descubrí que el CMS que estoy usando también está llamando a una serie de otros archivos javascript y me pregunto si alguno de ellos está causando un conflicto.
¿Cuál es la mejor manera de averiguar si este es el caso? Probé el complemento de desarrollador web de Firefox pero no puedo ver nada en la consola de errores. Sin embargo, no estoy 100% seguro de que lo estoy usando correctamente. ¿Puede alguien más señalarme en la dirección de un detector de conflictos de javascript simple de usar?
Aclamaciones
Adán
Si hay un error de javascript, la forma más fácil es usar Firebug o el Inspector de Chrome (haga clic con el botón derecho en la miniatura y seleccione "Inspeccionar elemento"). Abra la pestaña de la consola de cualquiera y actualice la página. Si hay un error, se informará en la consola y proporcionará un enlace a la línea correspondiente.
Si no se informa ningún error, la lógica del código impide que se muestre el cuadro. Tendrá que recorrer el código para encontrar el error. Observe a qué función se llama desde el controlador de clics de la imagen en miniatura. Vaya a esa función en cualquier herramienta y coloque un punto de interrupción en la primera línea de la función. Haga clic en la miniatura nuevamente y el código se detendrá en esa línea. Desde allí puede recorrer el código y ver qué rama de código se sigue. Es probable que haya un control de cordura en algún punto que falla y hace que el código explote.
Si tiene Google Chrome, abra las Herramientas de desarrollo y vaya a la pestaña ''scripts'', abra sus archivos javascript y busque el manejador de clics ... haga clic en el costado del código para establecer un punto de interrupción, luego cuando el el código llega a ese punto (si hace clic en él, por ejemplo), se detendrá, y luego en las Herramientas del desarrollador podrá ver qué funciones se están llamando a medida que avanza por el código. También puede pasar el mouse sobre cualquier variable en la ventana de código para ver su valor. ¡Muy útil! A continuación, puede ver si se está metiendo en su complemento (también puede hacer esto configurando un punto de interrupción dentro del complemento en un lugar como la primera línea a la que siempre se accederá cuando se ejecute).
Creo que puedes hacer lo mismo con Firebug
Es un proceso de pensamiento diferente para entrar (entrar, pasar, activar y desactivar puntos de interrupción, etc.), pero es extremadamente útil.
Una manera más simple de verificar dónde están ocurriendo los problemas es agregar una alerta (''estoy trabajando); o algo similar al código, no estás seguro de si está funcionando. También puede alertar a una variable para ver cuál es el valor en ese punto. También puede usar el comando de la consola para imprimirlo en la consola de Firebug. Estos están haciendo cosas que los puntos de inflexión / depuración hacen por usted, excepto que con la depuración no es necesario que cambie su código.