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
Respuesta
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.
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
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.
Gracias. Nunca supe usar jquery minimizado sería la razón por la que nunca tuve nada sensato en firebug. – Zeeshan
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.
Probar this plugin. Es específicamente para depurar javascript basado en jquery en Firebug. Le permite ubicar eventos encadenados y registrarlos en la consola.
- 1. Depuración de eventos de JavaScript con Firebug
- 2. Depuración de TypeScript en Firebug
- 3. Fiddler vs Firefox con Firebug
- 4. Carga JQuery en cualquier página usando Firebug
- 5. js función con Firebug
- 6. Selectores Firebug y jQuery en un iFrame
- 7. jquery .data no visible en firebug?
- 8. En Firebug, $ == jQuery devuelve falso, solo a veces
- 9. jQuery evento de depuración en Chrome
- 10. ¿Cómo funciona Firebug internamente?
- 11. ¡La depuración de Firebug salta/se rompe en un punto de interrupción inexistente!
- 12. Internet Explorer y sus deficiencias (sin herramienta de depuración tipo Firebug)
- 13. Depuración jQuery y zclip plugin
- 14. Consola interactiva de Javascript (preferiblemente integrada con Firebug)
- 15. Alternativa de Firebug para IE
- 16. Ejecución de la llamada jQuery en Firebug Console
- 17. ¿Interactuar con los módulos require.js desde la consola Firebug/Chrome?
- 18. ¿Cómo hacer que Firebug rompa con la excepción?
- 19. ¿Cómo obtener datos POST de formulario con Firebug?
- 20. ¿Cómo inspecciono las pseudo clases de CSS con Firebug?
- 21. Herramienta de depuración tipo Firebug para aplicaciones flash que se ejecutan en un navegador?
- 22. depuración de JavaScript
- 23. firebug: cómo enviar datos POST en la consola Firebug?
- 24. código de depuración Jquery función ajax
- 25. ¿Es posible devolver el selector css "resaltado" (como Firebug) o dom id con jquery?
- 26. Bug con la combinación de: jQuery 1.4, AJAX/JSON, Firebug Lite y el IE 8
- 27. Silverlight Spy, herramienta tipo FireBug para Flex
- 28. Depuración con PyDev 1,5
- 29. gdb - depuración con tubería
- 30. Java: depuración con SwingUtilities.invokeLater()
¿Crees que has encontrado un error en jQuery? ¿O en tu propio código que usa jQuery? –
¿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
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