2009-04-06 26 views
21

He visto un montón de publicaciones antiguas sobre cómo tratar de depurar jQuery en Firebug. Alguien tiene un buen camino, porque no veo uno que funcione.Depuración jQuery con Firebug

+0

¿Crees que has encontrado un error en jQuery? ¿O en tu propio código que usa jQuery? –

+0

¿Cómo paso? ¿Cómo se configuran los puntos de interrupción? Cuando abro Firebug, veo la pestaña 'script' con cientos de líneas de HTML de la página, y cuando uso "find" busca en la página normal, no en la pestaña del script. – dfrankow

+2

Hay un menú desplegable en la pestaña de scripts que muestra cada archivo Javascript cargado. Puede desplazarse hacia arriba y hacia abajo y establecer puntos de interrupción haciendo clic en la izquierda. – dfrankow

Respuesta

36

Creo que el asker realmente solo quiere saber cómo usar la herramienta en un nivel muy básico, y supongo que ninguna de estas respuestas apunta directamente a su problema, es por eso que no se verifica en verde. aunque la información en ellos es útil una vez que superas los conceptos básicos. Esta Q es antigua y el autor original probablemente haya ganado un millón de dólares, pero tal vez esta respuesta beneficie a otra persona. Yo tampoco sé mucho, pero esto es lo que sé.

Utiliza la pestaña de scripts desde la ventana de Firebug. Mira en la parte superior se ve consola, html, css, guiónDOM etc. pestañas. Desea seleccionar la etiqueta de script y, a continuación, debajo de ese tipo increíblemente pequeño, hay otra fila de pestañas; la primera predeterminada es estática y la segunda es un menú desplegable de todos los componentes que tienen javascript. Seleccione el que desea depurar e ir a la izquierda y haga clic en el margen junto a la línea que desea establecer un punto de interrupción. Un círculo rojo todavía aparece allí. Ahora, sobre la derecha, hay flechas para entrar, pasar, etc., y a la derecha de ese reloj de vigilancia, se pueden ver pasar las variables.

+0

Mi problema es que el menú desplegable que mencionas no muestra mi código jQuery porque no está en un archivo javascript, está en la fuente html, y eso no aparece muy bien en el menú desplegable o en los puntos de apoyo. – Noumenon

8

Primero, asegúrese de que no está utilizando la versión minimizada o empaquetada de jQuery. Eso sería virtualmente imposible de depurar. A continuación, considero que ayuda avanzar al menos una vez para que sepa dónde establecer puntos de interrupción en el código jQuery. También puede romper el encadenamiento de cualquier instrucción jQuery en su código y asignar los resultados intermedios a variables que puede inspeccionar. Aparte de eso, estoy con @Chad. No he tenido muchos problemas para depurar mi código jQuery.

+0

Gracias. Nunca supe usar jquery minimizado sería la razón por la que nunca tuve nada sensato en firebug. – Zeeshan

0

Es probable que también desee verificar dos veces la mayoría de su código con the jQuery documentation. El código jQuery parece seductoramente familiar, pero tiene algunos paradigmas de programación muy extraños que producen lo que efectivamente es ruido cuando no se tiene en cuenta.

3

Probar this plugin. Es específicamente para depurar javascript basado en jquery en Firebug. Le permite ubicar eventos encadenados y registrarlos en la consola.

Cuestiones relacionadas