Obtenez un terminal entièrement fonctionnel dans les outils de développement Google Chrome

Anonim

Presque tous les développeurs ou concepteurs Web connaissent les outils de développement de Google Chrome, qui permettent de déboguer, d'ajuster et d'ajuster facilement les pages Web et les applications Web à partir du navigateur. Ceux qui vivent dans les navigateurs Web et les éditeurs de texte savent à quel point DevTools est utile, et avec l'aide d'une extension Chrome tierce, vous pouvez faire de Chrome un outil de développement encore meilleur en ajoutant un terminal à la gamme existante d'outils de développement.Oui, un terminal comme Terminal.app, pour des ajustements et des ajustements super rapides en ligne de commande, sans jamais quitter le navigateur Chrome.

L'installation de Terminal dans Chrome Developer Tools est extrêmement facile pour les utilisateurs de Mac, il suffit de télécharger une extension Chrome gratuite :

Obtenez Terminal for DevTools ici

Les utilisateurs qui n'exécutent pas OS X sur leurs machines de développement mais qui souhaitent tout de même installer le Terminal dans leur navigateur Chrome peuvent le faire manuellement en suivant les instructions à l'aide de node.js sur la page des développeurs ici. C'est toujours assez facile, mais pas l'installation en un clic qui accompagne l'ajout d'une extension Chrome.

Une fois installé, accéder au terminal à partir des outils de développement n'est pas très différent de l'ajustement des éléments de la page, de l'affichage de la console d'erreur ou de l'affichage de la source de la page, il suffit de sélectionner l'onglet Terminal nouvellement accessible.

  • Faites un clic droit n'importe où sur une page Web et choisissez "Inspecter l'élément", puis choisissez l'onglet "Terminal"
  • Ou utilisez un raccourci clavier : Ctrl+Maj+i pour invoquer les outils de développement, puis sélectionnez l'onglet Terminal

Le GIF animé du développeur de plugins ci-dessous montre une utilisation simple :

Oui, il s'agit d'un terminal entièrement fonctionnel, et vous pouvez suivre les journaux, boucler les en-têtes, utiliser nano ou vi pour modifier le code, mettre à jour un package, recompiler quelque chose, regarder Star Wars et jouer à Tetris, quel que soit le cas magie de ligne de commande requise pour votre travail de développement.

Note de sécurité importante : Toutes les données utilisées et accessibles depuis DevTools Terminal sont transmises en texte brut. Ainsi, si vous prévoyez de l'utiliser dans un environnement de production, pour ssh, sftp, mysql, ou pour transmettre des mots de passe ou des données sensibles de quelque manière que ce soit, utilisez toujours https Selon le développeur, les mots de passe ne sont pas stockés dans le client, mais vous voudrez toujours prendre les précautions de sécurité appropriées pour éviter d'envoyer quoi que ce soit d'important.

Obtenez un terminal entièrement fonctionnel dans les outils de développement Google Chrome