2013-04-10 12 views
11

Sto lottando con l'impostazione i punti di interruzione in elementi DOM generati in modo dinamico, in cui i diversi gestori di eventi sono anche rilegata da JavaScript. Ciò significa che ho una bella struttura del DOM cercando che non fa parte della risposta HTTP inizialmente ricevuta, è puramente costruito sul lato client.Come impostare i breakpoint del listener di eventi nella scheda Elementi di Chrome?

Ora il problema è che la scheda Elementi di Chrome permette solo me per impostare punti di interruzione per

  • modifica sottostruttura O
  • modifica attributo o
  • rimozione
  • Nodo

E 'possibile impostare un punto di interruzione nel listener di eventi creato dinamicamente creato dall'elemento DOM in qualche modo? (Vedere l'immagine allegata. Voglio impostare il punto di interruzione nella listenerbody)

enter image description here

Nota che non posso utilizzare la scheda 'Sources/Scripts' sia, dal momento che mi mostra solo il inizialmente ricevuto contenuto HTTP statico risposta. E non riesco a impostare breakpoint sia nel codice si fa riferimento in fisarmonica i 'ascoltatori evento', dal momento che mi mostrerà solo il listener di eventi quando si sta attaccato non quando è essere stato licenziato!

Qualche idea?

risposta

16

Fonti -> Evento Listener punti di interruzione contiene una serie di caselle di controllo che possono essere controllati per attivare un punto di interruzione quando un listener di eventi per l'evento viene attivato.

+0

Grazie per l'idea, ma la cosa è che non riesco a utilizzare la scheda fonti per la ragione che ho descritto in precedenza. Altre idee? –

+0

@CaptainFogetti Questa funzione è disponibile senza richiedere alcuna fonte. Provalo: Mettere 'document.onclick = function() {};' nella console, seguire i passaggi in mia risposta e fare clic sul documento. –

+0

Grazie! È fantastico! Non sapevo che puoi semplicemente impostare questi punti di interruzione dell'ascoltatore senza alcuna fonte ...^_^ –

Problemi correlati