debug di script tampermonkey

Question

Vorrei eseguire il debug di uno script tampermonkey con console del Chrome, ma non riesco a trovare il mio script nella lista ..

sto facendo qualcosa di sbagliato, o semplicemente il gli script di Tampermonkey non appaiono lì? E in tal caso, come posso eseguirne il debug?

Answer 1

Tampermonkey è semplicemente un'estensione che inietta script boilerplate per valutare i vostri script personalizzati, in modo da poter eseguire il debug di uno qualsiasi di questi script se li si possono trovare ..

Il problema è che si sta valutando userscripts come se qualcuno chiama eval() su di essi, quindi vedrai VM### invece di qualcosa di bello come myscript.js e di solito non puoi navigare come script permanenti.

Invece, aggiungere linee debugger:

• Impostazioni Checkmark:

TamperMonkey Dashboard -> Impostazioni -> Generale (modalità di configurazione: Avanzate) ->il debug di script

• Oppure, nel vostro userscript aggiungere la riga:

  debugger;

in questo modo:

(Fare questo in cima a un userscript equivale all'impostazione Tampermonkey)

Quando si apre una console su una pagina utilizzando lo script, si interrompe quando le linee del debugger vengono colpite e mostra il proprio file sorgente (circondato da una piastra tampermonkey).

Che dovrebbe assomigliare a questo:

È quindi possibile strumento tutte le altre linee che è necessario all'interno del debugger.

In caso di problemi, è anche possibile eseguire il debug della logica principale di Tampermonkey stessa aprendo l'ispezione della pagina di sfondo in chrome: // extensions. Stampa buoni messaggi per farti sapere a cosa serve per saltare nel suo codice.