Como usar o console do desenvolvedor JavaScript?

Às vezes, quando você está começando com JavaScript, é melhor executar algum código JavaScript dentro do console do desenvolvedor, porque você não quer entrar no desenvolvimento através de um editor de código imediatamente.

Talvez você não esteja começando em JavaScript, mas você se depara com um fascinante método JavaScript que deseja testar. Como desenvolvedor de JavaScript, a maneira mais rápida de executar um snippet de código é usar o console do desenvolvedor do navegador. Esses consoles foram projetados para ajudar os desenvolvedores de aplicativos da Web, pois não precisam criar um arquivo HTML separado para testar um método JavaScript simples.

Quase todos os navegadores da web modernos vêm com o apoio de executar os comandos JavaScript de seu console de desenvolvedor. Esse recurso é altamente usado devido ao fato de não economizar apenas tempo, mas você não precisa de muito poder de processamento para verificar algumas funcionalidades básicas do JavaScript. Vamos aprender como você pode navegar para o console do desenvolvedor para diferentes navegadores e depois experimentar alguns comandos JavaScript dentro deles.

Console de desenvolvedor da Microsoft Edge

Você pode acessar o console do desenvolvedor em Edge usando as seguintes etapas:

• Clique no botão Opções
• Depois de clicar no botão Opções, você verá uma lista suspensa de várias opções; Passe a opção que diz "mais ferramentas"
• Na lista, clique em "Ferramentas de desenvolvedor"
• Depois disso, o console do desenvolvedor aparecerá na tela
• Tecla de atalho: Ctrl + shift + i

Console de desenvolvedor da ópera

Para abrir o console do desenvolvedor no navegador da Opera, faça as seguintes etapas

• Clique no ópera “OÍcone no canto superior esquerdo
• No menu suspenso, passe o mouse sobre a opção que diz "desenvolvedor"
• Na lista pop-up, clique na opção que diz "ferramentas de desenvolvedor"
• O console do desenvolvedor se abrirá na sua frente, assim
• Chave de atalho: F12

Console de desenvolvedor de Mozilla Firefox

Para abrir o console do desenvolvedor do Firefox, siga estas etapas

• Clique no sinal de hambúrguer "☰", como mostrado no GIF abaixo
• No menu suspenso, selecione "mais ferramentas"
• Na nova lista, clique na opção que diz "ferramentas de desenvolvedor da web"
• Você terá o console do desenvolvedor à sua frente assim
• Tecla de atalho: Ctrl + shift + k || Comando + opção + k

Console de desenvolvedor do Google Chrome

Acesse o console do desenvolvedor do Chrome por:

• Clique nos 3 pontos também conhecido como botão de opções, como mostrado no GIF abaixo
• No menu suspenso, clique em "mais ferramentas"
• Na nova lista pop-up, clique em "Ferramentas de desenvolvedor"
• O console vai se abrir assim
• Chave de atalhos: comando + opção + j || Control + Shift + J

Experimentando comandos JavaScript no console do desenvolvedor

Vamos testar executando comandos JavaScript no console do desenvolvedor, para este tutorial, usaremos o console do desenvolvedor do Google Chrome.

Vamos imprimir “Hello World” usando o comando:

console.log ("Hello World! Isso é Linuxhint!");

A saída é como:

Mas imprimir "Hello World" é bastante chato, vamos tentar usar a caixa de diálogo Alert do navegador para dizer olá ao mundo. Você pode fazer isso usando o comando "alerta":

Alerta ("Hello World! Este é Linuxhint ");

Digite ou copie este comando no console e pressione Enter. Você verá uma caixa de alerta como esta:

É isso, agora você sabe como executar JavaScript no console do desenvolvedor em vários navegadores.

Conclusão

O console do desenvolvedor fornece a instalação para executar o código JavaScript diretamente dentro do navegador sem a necessidade de implantar uma página da web html junto com sua página de script. Aprendemos como podemos navegar para as páginas de console de desenvolvedores do navegador diferentes. Testamos a execução do comando javascript no console e levamos o usuário a usar a caixa de diálogo alerta embutido do navegador. Esperamos.