No tengo un caso de uso específico aquí, pero de vez en cuando he estado bien ayudar a alguien en TAN o visto un lugar fresco javascript efecto en un sitio web y ha sido curioso sobre el código que lo impulsa. Sin embargo, el evento que impulsa el código puede no ser inmediatamente obvio. Si no puede encontrar el controlador de eventos a continuación, puede ser realmente difícil encontrar el js responsable de los efectos me interesa. Es allí una manera rápida en el depurador para identificar los eventos asociado a un elemento y para colocar un punto de ruptura cuando los fuegos?

Así, por ejemplo, un evento puede existir en una estructura algo así

<div>
  <ul>
     <li><span><img /></span></li>
  </ul>
</div>

Ahora no sé si el evento está vinculado a la img, span, li, ul o div sí mismo. Chrome tiene los detectores de Eventos de la zona, pero siento que no siempre contienen eventos. Cualquier cosa que ustedes hacen, que le permite encontrar rápidamente el evento y colocar un punto de ruptura en ella?

InformationsquelleAutor mrtsherman | 2011-08-14

3 Comentarios

  1. 39

    sí que la hay!

    encontrar el elemento que se va a cargar y haga clic derecho,
    elegir inspeccionar desde el menú de contexto,
    a continuación, haga clic en el html del elemento (en la parte inferior firebugish panel),
    en el menú de contexto hay opciones para:

    • descanso en el subárbol modificaciones
    • descanso en los atributos de las modificaciones
    • descanso en la extirpación de los ganglios

    Artículo sobre la impresionante nueva dev funciones de chrome:
    http://elijahmanor.com/7-chrome-tips-developers-designers-may-not-know/

    • Amor el artículo enlazado!
    • +1 IMPRESIONANTE. ¿No odias cuando usted ha usado una herramienta de años sólo para ser educados en ella? lol.
    • Aunque veo que asker ha aceptado esta respuesta, cuando leí la pregunta, mi impresión fue que estaba buscando algo como «Registro de Eventos» en Firebug, que registra los eventos de la consola, incluso para los elementos que no tienen controladores explícitamente conectado mediante JS (incluidos los elementos cuyo hijo de elementos los tiene). No he encontrado nada de eso para Chrome, y el Firebug Lite extensión de Chrome no lo tiene cualquiera. ¿Alguien sabe alguna alternativa?
    • El enlace a ese artículo está muerto ahora. Tienes otra?
    • su espalda
    • pero, ¿qué hacer si toda la acción se ejecuta al cargar la página? al actualizar pierdo el punto de interrupción

  2. 7

    Si usted tiene acceso a el .js, sólo tiene que añadir «depurador;» en su propia línea. Cuando Chrome (o FF) éxitos que, va a desencadenar el depurador y vamos a caminar a través. Esp útil si usted tiene alguna idea general que el código se disparará el evento. Ver http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/ para más.

    • Depurador! Impresionante.. me falta un rato para la dinámica de la JS..
  3. 0

    Clic derecho sobre el elemento en chrome dev herramientas, y haga clic en «break on» y , a continuación, habría que ver varias selecciones como la sub árbol de modificaciones. O también puedes ir a chrome//:seguimiento de

Dejar respuesta

Please enter your comment!
Please enter your name here