Surveiller les événements et les appels de fonction via la console

Bien que j’ai travaillé sur Firefox très complexe pendant un certain nombre d’années, j’aimerai toujours le bon vieux console.log correction. La journalisation peut fournir une piste d’audit lorsque des événements se produisent et des scripts que vous pouvez partager avec d’autres. Saviez-vous que le chrome le fournit monitorEvents Et le monitor Pour que vous puissiez obtenir un journal chaque fois qu’un événement se produit ou qu’une fonction est appelée ?

Surveiller les événements

Passer un élément et une série d’événements à monitorEvents Pour obtenir le journal de la console lorsque l’événement s’est produit :

// Monitor any clicks within the window
monitorEvents(window, 'click')

// Monitor for keyup and keydown events on the body
monitorEvents(document.body, ['keyup', 'keydown'])

Vous pouvez transmettre un groupe d’événements pour écouter plusieurs événements. a été enregistré event Représente le même événement que vous verriez si vous appeliez manuellement addEventListener.

Surveiller les appels de fonction

le monitor La méthode permet d’écouter les appels sur une fonction spécifique :

// Define a sample function
function myFn() { }
// Monitor it
monitor(myFn)

// Usage 1: Basic call
myFn()
// function myFn called

// Usage 2: Arguments
myFn(1)
// function myFn called with arguments: 1

J’aime beaucoup le fait que vous puissiez voir les arguments donnés, ce qui est idéal pour vérifier.

je choisis habituellement points d’entrée au lieu d’encastrer console Les données sont dans le code, cependant monitor Et le monitorEvents Fournit une alternative aux deux.