Ottieni un terminale perfettamente funzionante negli strumenti per sviluppatori di Google Chrome

Anonim

Quasi tutti gli sviluppatori o designer web hanno familiarità con gli strumenti per sviluppatori di Google Chrome, che consentono di eseguire facilmente il debug, l'ottimizzazione e la regolazione delle pagine web e delle applicazioni web in base al browser. Coloro che vivono nei browser Web e negli editor di testo sanno quanto sia utile DevTools e con l'aiuto di un'estensione di Chrome di terze parti puoi rendere Chrome uno strumento di sviluppo ancora migliore aggiungendo un terminale alla gamma esistente di strumenti di sviluppo.Sì, un terminale come Terminal.app, per ritocchi e aggiustamenti da riga di comando velocissimi, senza mai uscire dal browser Chrome.

L'installazione di Terminal in Chrome Developer Tools è estremamente semplice per gli utenti Mac, basta scaricare un'estensione Chrome gratuita:

Ottieni Terminal per DevTools qui

Gli utenti che non eseguono OS X sui propri computer di sviluppo ma desiderano comunque installare il terminale nel proprio browser Chrome possono farlo manualmente seguendo le istruzioni utilizzando node.js nella pagina degli sviluppatori qui. È comunque piuttosto semplice, solo che non è possibile installare con un solo clic l'aggiunta di un'estensione di Chrome.

Una volta installato, l'accesso al Terminale dagli Strumenti per sviluppatori non è molto diverso dalla regolazione degli elementi della pagina, dall'osservazione della console degli errori o dalla visualizzazione dell'origine della pagina, è solo questione di selezionare la nuova scheda Terminale accessibile.

  • Fai clic con il pulsante destro del mouse in un punto qualsiasi di una pagina web e scegli "Ispeziona elemento", quindi scegli la scheda "Terminale"
  • Oppure usa una scorciatoia da tastiera: Control+Maiusc+i per richiamare Dev Tools, quindi seleziona la scheda Terminale

La GIF animata dello sviluppatore dei plug-in di seguito mostra un semplice utilizzo:

Sì, questo è un terminale perfettamente funzionante e puoi eseguire il tail log, arricciare le intestazioni, usare nano o vi per modificare il codice, aggiornare un pacchetto, ricompilare qualcosa, guardare Star Wars e giocare a Tetris, qualunque sia il particolare magia della riga di comando necessaria per il tuo lavoro di sviluppo.

Importante nota di sicurezza: Tutti i dati utilizzati ea cui si accede da DevTools Terminal vengono trasmessi in formato testo. Pertanto, se prevedi di utilizzarlo in un ambiente di produzione, per ssh, sftp, mysql o per trasmettere password o dati sensibili in qualsiasi modo, usa sempre https Secondo lo sviluppatore, le password non sono memorizzate nel client, ma vorrai comunque prendere le opportune precauzioni di sicurezza per evitare di inviare qualcosa di importante.

Ottieni un terminale perfettamente funzionante negli strumenti per sviluppatori di Google Chrome