¿Es posible detener un javascript con Firebug sin usar puntos de interrupción?

Question

¿Es posible que Firebug detenga un javascript presionando un botón o un atajo de teclado en lugar de detenerlo configurando un punto de interrupción?

¿Por qué me gustaría hacer esto? Tenemos un sitio web muy dinámico con muchas animaciones. Sería de gran ayuda si pudiera detener los scripts en el momento en que la animación está haciendo algo que quiero inspeccionar. Eso sería mucho más rápido que jugar con los puntos de interrupción.

Answer 1

Según lo que describa, supongo que el registro de la consola de JavaScript desde su código podría ayudarlo mejor. Consulte http://getfirebug.com/wiki/index.php/Console_API.

Answer 2

Hay un botón de pausa en Firebug. Al hacer clic en eso es lo que estás buscando.

Answer 3

dependiendo de la biblioteca de animación que esté utilizando, puede haber un método 'detener todas las animaciones' - jQuery's .stop(), por ejemplo. ¿Cómo estás manejando las animaciones?

Answer 4

Si sabe dónde está haciendo algo que desea inspeccionar, ¿qué pasa con los puntos de interrupción? Además, puede usar la palabra clave debugger en el código, o puede inyectar instrucciones console.log/debug/warn/info en su código. (Puede anular el objeto de la consola para aquellos entornos que no tienen uno).

Answer 5

La mejor manera de arreglar esto es ir al menú desplegable HTML que está al lado de la pestaña HTML en firebug. Deseleccione "resaltar cambios" y "desplazar los cambios para ver" y eso le permitirá inspeccionar el código html y css que se está ejecutando. Espero que ustedes quisieran hacer esto.

Answer 6

Ésta es la forma en que lo hice, desde la consola Web (no el bloc de notas), ejecute:

window.addEventListener("keydown", function() {debugger;}) 

luego volver a la pestaña depurador. Cuando enfoca el documento y presiona una tecla, el navegador pausará JS.

Answer 7

La manera más fácil es instalar la extensión de Firefox "PrefBar". Allí puede agregar una casilla de verificación "JavaScript". Si lo desactiva, javascript detenido.

Answer 8

Si utiliza el complemento de desarrollador web, puede desactivar todas las secuencias de comandos java que se ejecutan en la página y luego usar Firebug como lo desee.

Answer 9

Si el sitio web está continuamente cargando contenido de su servidor, puede cambiar al panel de red. El menú de contexto tiene una entrada "Romper en XHR" que, cuando está marcada, detendrá tu script cada vez que intente obtener contenido nuevo.

Answer 10

Firebug tiene diferentes formas de detener la ejecución de scripts sin establecer puntos de interrupción en líneas específicas. Estas opciones se llaman Break On features.

En su caso veo dos opciones relevantes:

1. Romper el código JavaScript en la siguiente línea ejecutada
   El Guión panel tiene una rotura El botón Siguiente (), que le permite detener la ejecución del script en la siguiente instrucción de JavaScript ejecutada.Esta característica también se puede habilitar a través del atajo de teclado Ctrl + Alt + B.

   Por lo tanto, simplemente presione el atajo de teclado una vez que la animación esté en el punto en el que desea inspeccionarla.

2. rotura en HTML mutación
   El HTML panel tiene una rotura El botón Mutate (), lo que le permite detener la ejecución del script en la próxima mutación HTML.
   También hay más opciones de grano fino para detenerse en la mutación de un elemento específico, que están disponibles dentro del menú contextual de los elementos. Esas opciones son:

   • rotura en el atributo Cambio: Detiene la ejecución del script cuando se añade un atributo del elemento, modificado o eliminado.
   • Break On Child Addition or Removal: Detiene la ejecución del script cuando se agrega o elimina un nodo secundario.
   • Remoción del elemento de interrupción: Detiene la ejecución del script cuando se elimina el elemento.

   En su caso rotura en el atributo Cambio puede ser la mejor opción en caso de que la animación cambia la CSS dentro del atributo style del elemento.