Come utilizzare la console per sviluppatore JavaScript?
Forse non stai iniziando in JavaScript, ma ti imbatti in un affascinante metodo JavaScript che vuoi testare. Come sviluppatore JavaScript, il modo più rapido per eseguire uno snippet di codice è l'utilizzo della console sviluppatore del browser. Queste console sono progettate per aiutare gli sviluppatori di applicazioni Web in quanto non hanno bisogno di creare un file HTML separato per testare un semplice metodo JavaScript.
Quasi tutti i moderni browser Web hanno il supporto dell'esecuzione dei comandi JavaScript dalla sua console per sviluppatori. Questa funzione è molto utilizzata a causa del fatto che non risparmia solo tempo, ma non è necessario molto potere di elaborazione per verificare alcune funzionalità di base di JavaScript. Impareremo come puoi navigare verso la console dello sviluppatore per browser diversi e quindi provare alcuni comandi JavaScript al loro interno.
Console per sviluppatori di Microsoft Edge
È possibile accedere alla console dello sviluppatore in Edge utilizzando i seguenti passaggi:
- Fai clic sul pulsante Opzioni
- Dopo aver fatto clic sul pulsante Opzioni, vedrai un elenco a discesa di varie opzioni; Passa l'opzione che dice "più strumenti"
- Dall'elenco, fai clic su "Strumenti per sviluppatori"
- Successivamente, la console per sviluppatore verrà visualizzata sullo schermo
- Chiave di scelta rapida: Ctrl + shift + i
Console per sviluppatori di Opera
Per aprire la console per sviluppatori nel browser Web Opera eseguire i seguenti passaggi
- Fai clic su Opera "O"Icon nell'angolo in alto a sinistra
- Dal menu a discesa, passa all'opzione che dice "sviluppatore"
- Dall'elenco pop-up fai clic sull'opzione che dice "Strumenti per sviluppatori"
- La console per sviluppatore si aprirà di fronte a te, in questo modo
- Tasto di scelta rapida: F12
Console per sviluppatori di Mozilla Firefox
Per aprire la console per sviluppatori di Firefox, segui questi passaggi
- Fai clic sul segno di hamburger "☰ ☰ come mostrato nella gif seguente
- Dal menu a discesa, selezionare "Altri strumenti"
- Dal nuovo elenco, fai clic sull'opzione che dice "Strumenti per gli sviluppatori Web"
- Avrai la console per sviluppatori di fronte a te proprio così
- Chiave di scelta rapida: Ctrl + shift + k || Comando + opzione + k
Console per sviluppatori di Google Chrome
Accedi alla console per sviluppatori di Chrome di:
- Fai clic sui 3 punti anche noto come il pulsante Opzioni come mostrato nella gif in basso
- Dal menu a discesa fai clic su "Altri strumenti"
- Dal nuovo elenco pop-up fai clic su "Strumenti per sviluppatori"
- La console si aprirà così
- Chiave di scorciatoie: comando + opzione + j || Control + Shift + J
Provare comandi JavaScript nella console per sviluppatori
Proviamo eseguendo i comandi JavaScript nella console per sviluppatori, per questo tutorial, utilizzeremo la console per sviluppatori di Google Chrome.
Stampiamo "Hello World" usando il comando:
console.registro ("Hello World! Questo è Linuxhint!");L'output è come:
Ma stampare "Hello World" è piuttosto noioso, proviamo a usare il dialogo di avviso del browser per salutare il mondo. Puoi farlo usando il comando "Avviso":
Avviso ("Hello World! Questo è Linuxhint ");Digitare o copiare questo comando nella console e premere Invio. Vedrai una scatola di allerta come questa:
Ecco, ora sai come eseguire JavaScript nella console per sviluppatori in vari browser.
Conclusione
La console sviluppatore fornisce la funzione per eseguire il codice JavaScript direttamente all'interno del browser senza la necessità di distribuire una pagina Web HTML insieme alla sua pagina di script. Abbiamo imparato come possiamo navigare verso le diverse pagine della console per sviluppatori del browser. Abbiamo testato l'esecuzione del comando JavaScript nella console e abbiamo spinto l'utente a utilizzare la finestra di dialogo di avviso integrato del browser. Speriamo che tu possa utilizzare la struttura di eseguire JavaScript direttamente nella console del browser e saperne di più su JavaScript.