2011-07-17 9 views
43

Estoy usando el depurador de Chrome y soy bueno cuando se trata de establecer puntos de interrupción una vez que se ejecuta una página. Mi problema es cuando hago f5 o presiono enter en la línea de la URL donde desaparecen mis puntos de ruptura. ¿Cómo puedo establecer un punto de corte en el código que ocurre cuando la página primero se carga?Uso del depurador de JavaScript de Chrome/Cómo interrumpir los eventos de carga de la página

+2

puntos de interrupción no desaparecen al volver a cargar la página. –

+1

He intentado tanto f5 como simplemente colocando el cursor en la url y pulsando enter. ambos casos hacen que el punto de corte ya no esté en el código (chrome y ff 5.). Pablo, ¿cómo recargas la página para que no se vaya? –

+0

En mi máquina CTRL + R funciona bien –

Respuesta

7

Las versiones posteriores de Safari y Firefox deberían funcionar correctamente con los puntos de interrupción durante las recargas, pero hay que asegurarse de que la consulta sea exactamente la misma entre las solicitudes. ExtJS 4, por ejemplo, agrega un _dc=<epoch> que deshabilitará el caché.

Para detener ese comportamiento, agregue lo siguiente:

Ext.Loader.setConfig({ 
    disableCaching: false, 
    enabled: true 
}); 

Espero que ayude!

25

Intente poner debugger; en su código. Eso también funciona en Firebug de FF

+8

Buena solución si puede cambiar fácilmente el código, mal si no puede. –

+4

Dado que es javascript, puede agregar la declaración 'depurador;' a cualquier sitio web que esté viendo mediante las Herramientas para desarrolladores de Chrome (Llave -> Herramientas -> Herramientas del desarrollador -> haga clic en "fuentes", encuentre la función javascript ... Obviamente no es sencillo si el código está minimizado o tiene muchas funciones para explorar. También hay una manera de ver a los oyentes del evento desde estas herramientas de desarrollo, pero no me resultó obvio. Espero que ayude –

+1

@dolan, desafortunadamente esto no funciona si desea interrumpir inmediatamente en la carga de la página. –

76

En Herramientas para desarrolladores de Chrome, vaya a la pestaña Fuentes. A la derecha, abra Puntos de interrupción del detector de eventos, y puede establecer puntos de interrupción en los eventos.

Suena como si usted desea establecer su punto de interrupción en DOMContentLoaded, que se encuentra bajo la secciónDOM mutación.

Después de hacer esto, vuelva a cargar la página y terminará en el depurador.

+0

Esto parece estar fuera de fecha, ya no puedo encontrarlo. – Aerovistae

+1

@Aerovistae todavía está allí en Chrome 35 para Windows. (Edité la respuesta porque dije "izquierda" cuando debería haber dicho "correcto"). –

+0

No sabía nada de esto , ayudó un montón. Disfruta de una recompensa – Nit

Cuestiones relacionadas