Krijg een volledig functionerende terminal in Google Chrome Developer Tools

Anonim

Vrijwel elke webontwikkelaar of -ontwerper is bekend met de ontwikkelaarstools van Google Chrome, waarmee u op browserbasis gemakkelijk kunt debuggen, tweaken en aanpassen van webpagina's en webapplicaties. Degenen die in webbrowsers en teksteditors leven, weten hoe nuttig DevTools is, en met behulp van een Chrome-extensie van derden kunt u van Chrome een nog betere ontwikkelingstool maken door een terminal toe te voegen aan de bestaande reeks ontwikkelaarstools.Ja, een terminal zoals Terminal.app, voor supersnelle aanpassingen en aanpassingen aan de opdrachtregel, zonder ooit de Chrome-browser te verlaten.

Terminal installeren in Chrome Developer Tools is extreem eenvoudig voor Mac-gebruikers, het is gewoon een kwestie van een gratis Chrome-extensie downloaden:

Download Terminal voor DevTools hier

Gebruikers die OS X niet op hun ontwikkelmachines gebruiken, maar toch de Terminal in hun Chrome-browser willen installeren, kunnen dit handmatig doen door de instructies te volgen met behulp van node.js op de ontwikkelaarspagina hier. Het is nog steeds vrij eenvoudig, alleen niet de installatie met één klik die gepaard gaat met het toevoegen van een Chrome-extensie.

Eenmaal geïnstalleerd, is toegang tot de Terminal vanuit Developer Tools niet veel anders dan het aanpassen van pagina-elementen, het bekijken van de foutconsole of het bekijken van de paginabron, het is gewoon een kwestie van het nieuw toegankelijke Terminal-tabblad selecteren.

  • Klik met de rechtermuisknop ergens op een webpagina en kies 'Element inspecteren' en kies vervolgens het tabblad 'Terminal'
  • Of gebruik een sneltoets: Control+Shift+i om Dev Tools op te roepen en selecteer vervolgens het tabblad Terminal

De geanimeerde GIF van de onderstaande ontwikkelaar van plug-ins demonstreert eenvoudig gebruik:

Ja, dit is een volledig functionerende Terminal, en je kunt logs volgen, headers krullen, nano of vi gebruiken om code te bewerken, een pakket bij te werken, iets opnieuw te compileren, Star Wars te kijken en Tetris te spelen, wat dan ook opdrachtregelmagie die nodig is voor uw ontwikkelingswerk.

Belangrijke beveiligingsopmerking: Alle gegevens die worden gebruikt en geopend vanaf DevTools Terminal worden verzonden in platte tekst. Dus als u van plan bent om dit te gebruiken in een productieomgeving, voor ssh, sftp, mysql, of om wachtwoorden of gevoelige gegevens op welke manier dan ook te verzenden, gebruik altijd https Volgens de ontwikkelaar worden wachtwoorden niet opgeslagen in de client, maar wil je toch de juiste veiligheidsmaatregelen nemen om te voorkomen dat er iets belangrijks wordt verzonden.

Krijg een volledig functionerende terminal in Google Chrome Developer Tools