google chrome developer Come utilizzare chrome web inspector per visualizzare il codice hover




google chrome debug javascript events (5)

Non sono sicuro di aver capito bene la tua domanda, ma se vuoi vedere il codice del gestore di eventi puoi semplicemente controllare l'elemento e guardare il riquadro della barra laterale di Listener di eventi di Elements Panel. Un altro modo è semplicemente premere il pulsante pause nel pannello Scripts e passare semplicemente l'elemento. Il debugger si fermerà alla prima istruzione del primo gestore di eventi.

L'utilizzo di chromes web inspector per visualizzare il codice è molto utile. Ma come vedi ad esempio il codice hover per un pulsante? Dovrai passare il mouse sopra il pulsante e quindi non puoi usarlo (mouse) nell'ispettore. Ci sono scorciatoie o altri modi per farlo nell'ispettore?



Answer #2

In alternativa, è possibile utilizzare il pannello della barra laterale dei punti di interruzione del listener eventi nel pannello Script e selezionare per mettere in pausa i gestori del mouseover.


Answer #3

In Firefox:

in firebug:

fonte: https://.com/a/11272205/2165415


Answer #4

È un po 'fastidioso, ma è necessario fare clic con il pulsante destro del mouse sull'elemento, quindi, tenendo il mouse sopra il collegamento, utilizzare la tastiera selezionare il collegamento "Ispeziona elemento" e premere Invio. Questo dovrebbe mostrarti il ​​css per la pseudo classe hover per l'elemento selezionato.

Spero che lo renderanno un po 'più facile nelle build future.





web-inspector