Holen Sie sich ein voll funktionsfähiges Terminal in den Google Chrome Developer Tools

Anonim

Fast jeder Webentwickler oder -designer ist mit den Entwicklertools von Google Chrome vertraut, die ein einfaches browserbasiertes Debuggen, Optimieren und Anpassen von Webseiten und Webanwendungen ermöglichen. Diejenigen, die mit Webbrowsern und Texteditoren leben, wissen, wie nützlich DevTools ist, und mit Hilfe einer Chrome-Erweiterung eines Drittanbieters können Sie Chrome zu einem noch besseren Entwicklungstool machen, indem Sie ein Terminal zu den vorhandenen Entwicklertools hinzufügen.Ja, ein Terminal wie Terminal.app für superschnelle Optimierungen und Anpassungen über die Befehlszeile, ohne den Chrome-Browser verlassen zu müssen.

Die Installation von Terminal in den Chrome Developer Tools ist für Mac-Benutzer extrem einfach. Sie müssen lediglich eine kostenlose Chrome-Erweiterung herunterladen:

Terminal für DevTools hier herunterladen

Benutzer, die OS X nicht auf ihren Entwicklungscomputern ausführen, aber dennoch das Terminal in ihrem Chrome-Browser installieren möchten, können dies manuell tun, indem sie den Anweisungen mit node.js auf der Entwicklerseite hier folgen. Es ist immer noch ziemlich einfach, nur nicht die Ein-Klick-Installation, die mit dem Hinzufügen einer Chrome-Erweiterung einhergeht.

Nach der Installation unterscheidet sich der Zugriff auf das Terminal über die Entwicklertools nicht wesentlich vom Anpassen von Seitenelementen, dem Überwachen der Fehlerkonsole oder dem Anzeigen des Seitenquelltexts. Es ist nur eine Frage der Auswahl der neu zugänglichen Registerkarte „Terminal“.

  • Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf einer Webseite und wählen Sie „Element prüfen“ und dann die Registerkarte „Terminal“
  • Oder verwenden Sie eine Tastenkombination: Strg+Umsch alt+i, um Dev Tools aufzurufen, und wählen Sie dann die Registerkarte „Terminal“

Das animierte GIF des Plugin-Entwicklers unten demonstriert die einfache Verwendung:

Ja, dies ist ein voll funktionsfähiges Terminal, und Sie können Protokolle auslesen, Header kräuseln, nano oder vi verwenden, um Code zu bearbeiten, ein Paket aktualisieren, etwas neu kompilieren, Star Wars ansehen und Tetris spielen, was auch immer Befehlszeilenmagie, die für Ihre Entwicklungsarbeit erforderlich ist.

Wichtiger Sicherheitshinweis: Alle Daten, die von DevTools Terminal verwendet und abgerufen werden, werden im Klartext übertragen. Wenn Sie dies also in einer Produktionsumgebung, für ssh, sftp, mysql oder zur Übertragung von Passwörtern oder sensiblen Daten in irgendeiner Weise planen, verwenden Sie immer https Laut dem Entwickler werden Passwörter nicht im Client gespeichert, aber Sie sollten dennoch angemessene Sicherheitsvorkehrungen treffen, um zu vermeiden, dass etwas Wichtiges versendet wird.

Holen Sie sich ein voll funktionsfähiges Terminal in den Google Chrome Developer Tools