Praticamente todo desenvolvedor ou designer da Web está familiarizado com as Ferramentas do desenvolvedor do Google Chrome, que permite depuração, ajustes e ajustes fáceis de páginas e aplicativos da Web com base no navegador. Aqueles que vivem em navegadores da web e editores de texto sabem o quão útil é o DevTools e, com a ajuda de uma extensão do Chrome de terceiros, você pode tornar o Chrome uma ferramenta de desenvolvimento ainda melhor adicionando um Terminal à matriz existente de ferramentas de desenvolvedor.Sim, um terminal como o Terminal.app, para ajustes super rápidos na linha de comando, sem sair do navegador Chrome.

A instalação do Terminal nas Ferramentas do desenvolvedor do Chrome é extremamente fácil para usuários de Mac, basta fazer o download de uma extensão gratuita do Chrome:

Obter Terminal para DevTools aqui

Os usuários que não estão executando o OS X em suas máquinas de desenvolvimento, mas ainda desejam instalar o Terminal em seu navegador Chrome, podem fazê-lo manualmente seguindo as instruções usando node.js na página de desenvolvedores aqui. Ainda é muito fácil, mas não a instalação com um clique que acompanha a adição de uma extensão do Chrome.

Depois de instalado, acessar o Terminal a partir das Ferramentas do Desenvolvedor não é muito diferente de ajustar os elementos da página, observar o console de erros ou visualizar o código-fonte da página, basta selecionar a guia Terminal recém-acessível.

• Clique com o botão direito do mouse em qualquer lugar de uma página da Web e escolha “Inspecionar elemento” e, em seguida, escolha a guia “Terminal”
• Ou use um atalho de teclado: Control+Shift+i para invocar Dev Tools e selecione a guia Terminal

O GIF animado do desenvolvedor de plug-ins abaixo demonstra o uso simples:

Sim, este é um Terminal totalmente funcional e você pode seguir logs, enrolar cabeçalhos, usar nano ou vi para editar código, atualizar um pacote, recompilar algo, assistir Star Wars e jogar Tetris, qualquer coisa em particular mágica de linha de comando necessária para o seu trabalho de desenvolvimento.

Nota de segurança importante: Todos os dados usados ​​e acessados ​​do Terminal DevTools são transmitidos em texto simples. Portanto, se você planeja usá-lo em um ambiente de produção, para ssh, sftp, mysql ou para transmitir senhas ou quaisquer dados confidenciais de qualquer forma, sempre use https De acordo com o desenvolvedor, as senhas não são armazenadas no cliente, mas você ainda deve tomar as devidas precauções de segurança para evitar o envio de algo importante.