¿Cómo puedo congelar Javascript en Firebug para que pueda inspeccionar los cambios realizados por él en el html? Si, por ejemplo, tengo un efecto de renovación jQuery y quiero inspeccionar el código html en ese momento.Firefox Firebug Extension - Función Freeze Javascript?
Creo que Dreamweaver CS4 tiene esta característica titulada freeze javascript y live code. ¿Hay un equivalente gratuito en Firebug u otra extensión de Firefox?
Por "congelar" supongo que quieres decir eliminar errores, y sí, Firebug definitivamente tiene eso.
Primero tiene que ir a la pestaña Script en Firebug. Si Script está deshabilitado en el sitio, habilítelo.
Ahora, vaya al menú desplegable y seleccione el archivo JavaScript que desea depurar. Normalmente, esta es la página misma con JavaScript en línea o una página vinculada. Busque la línea de código con la que desea congelar y haga clic a la izquierda de los números de línea. Verás aparecer un punto rojo: este punto indica que el código se congelará allí durante la ejecución. Una vez que el código está allí, puede acceder al código HTML actual yendo a la pestaña "HTML". También verá los íconos en la esquina superior derecha del panel Script de Firebug iluminados, lo que le permite continuar la ejecución, dar un paso atrás, entrar o salir de cada línea de código, observando los cambios de HTML para cada línea ejecutada.
Tenga en cuenta que Firebug le permite pasar línea por línea, lo que significa que los archivos JavaScript minimizados (donde todo el código se compacta en una línea) son absolutamente horribles para la depuración, porque no puede decir dónde está Firebug . Por lo tanto, para fines de depuración, recomiendo obtener las versiones no minimizadas de los archivos.
Si necesita más ayuda, le sugiero que consulte Firebug documentation, que tiene algunas buenas guías.
Específicamente, el tutorial de Justin Palmer sobre la depuración Firebug JavaScript es muy bueno: http://is.gd/gCtT – montrealist
Funciona pero no funciona del todo exactamente lo que estaba buscando, gracias por la respuesta. – ritch0s
El problema con esta respuesta es que no siempre es fácil encontrar el lugar correcto en el JS (¡ni hablar del archivo correcto!) Para pausar la ejecución. El caso de uso es que el usuario es un diseñador, que simplemente quiere que el HTML deje de cambiar lo suficiente como para ver su estructura. El botón – joachim
En la pestaña Script de Firebug, puede establecer puntos de interrupción en Javascript que le permitirán pasar por el código, establecer relojes y hacer otras cosas que haría en otros depuradores. También puede cambiar a la pestaña HTML y ver qué cambios se han realizado mientras Javascript está "congelado".
En Firebug, vaya a la pestaña del script. En la parte superior, se puede ver:
Inspect | all | <filename>
Haga clic en para seleccionar el archivo que contiene el código JavaScript que desea seguir. Una vez que haya seleccionado su archivo, haga clic en un número de línea para poner un punto de interrupción (aparecerá un gran punto rojo).
Puede poner varios puntos de quiebre en diferentes archivos. El punto de ruptura no desaparecerá si actualiza la página (F5).
Este tutorial debería ayudarlo también.
Romper en mutate (el botón de pausa cuando se selecciona la pestaña html) es lo más parecido que puedo encontrar a esta función. Pausará la próxima vez que algo cambie. Es solo uno de lo que quieres, pero podría ser útil.
no funciona @ my ff26 con fb 1.12.4 –
no es exactamente la función de Firefox, pero parece lo suficientemente cerca (al menos en la forma de entender la pregunta):
Puede probar esto en un reloj javascript here.
Estoy algo decepcionado de que nadie haya creado un complemento para Firefox, que haría lo mismo.
Esta fue la característica a la que me refería: http://tv.adobe.com/?promoid=DRHWV#vi+f1500v1436 desde 1:36 comienzan a hablar de código en tiempo real y pausan javascript para un rollover. ¿Hay una tecla de método abreviado para pausar javascript en Firebug en lugar de pasar por el código y hacer un punto de interrupción? – ritch0s