Suggerimenti per DevTools: snippet ed espressioni in tempo reale

Sofia Emelianova
Sofia Emelianova
GitHub

Utilizza gli snippet in DevTools per eseguire il codice che utilizzi di frequente e le espressioni live per visualizzare i valori JavaScript in tempo reale.

Guarda il video per scoprire come:

  • Crea uno snippet o apri il riquadro Snippet:

  • Esegui il nuovo snippet:

    • Con la scorciatoia Comando / Ctrl + Invio in Origini
    • Dal menu Comando con !.

  • Trasferisci valori allo snippet:

    1. Mettilo in pausa con un punto di interruzione.
    2. Imposta i valori nel riquadro Origini > Ambito.
    3. Riprendi l'esecuzione.

  • Esegui gli snippet dalla console: caricali come funzioni globali ed eseguili una volta.

  • Utilizza l'API Console Utilities negli snippet.

  • Usa la console > Espressioni dal vivo:

    • Per eseguire una porzione di codice da eseguire ripetutamente, ad esempio durante una sessione di debug.
    • Guarda come cambiano i valori durante l'esecuzione in tempo reale.

Per scoprire di più, vedi: