Como abrir o DevTools no Chrome?

Perguntado por: amedeiros . Última atualização: 26 de setembro de 2023
4.5 / 5 17 votos

Para abrir o DevTools, clique com o botão direito do mouse na página e selecione Inspect. Outra opção é pressionar Command + Option + C (Mac) ou Control + Shift + C (Windows, Linux, Chrome OS).

Para acessar as ferramentas de desenvolvimento dos browsers basta apertar a tecla F12 (Pode variar de acordo com o browser e sua versão).

Essa ferramenta está disponível no Chrome Developer Tools (DevTools), na aba Performance. A Ferramenta de Rendering do Chrome DevTools traz opções úteis para debugar a renderização de uma página na web.

Para acessar o console basta abrir ferramentas de desenvolvimentos e escolher a aba Console. No Firefox o atalho é ctrl + shift + k ou no menu comando: Web Developer Web Console, or Tools Web Developer Web Console. const myWordmark = document.

Utilize o atalho Ctrl+Shift+I ou selecione a opção Inspecionar Elemento ao clicar com o botão direito no elemento desejado. Como os anteriores, clique com o botão direito em cima do item e selecione Inspecionar Elemento ou aperte a tecla F12 do teclado.

Para que o navegador seja forçado a realizar uma busca nos dados mais recentes, utilize a combinação CTRL + f5. Esse atalho fará com que os dados armazenados na memória sejam substituídos por aqueles armazenados no servidor, ou seja, os mais atuais. A página então será recarregada com a versão mais nova da página web.

Etapa 1: para abrir o console no Chrome, use este atalho de teclado: Cmd + Option + J (em um Mac) ou Ctrl +Shift +J (no Windows). Uma outra opção é clicar com o botão direito do mouse no site e clicar em "Inspecionar" para abrir o console do desenvolvedor. Etapa 2: clique na aba "Console" nessa janela.

Abrir DevTools
A ferramenta Elementos , com a árvore DOM expandida para mostrar o elemento de página com o botão direito do mouse. Pressione Ctrl+Shift+I (Windows, Linux) ou Command+Option+I (macOS).

Abrir uma nova guia ou janela
Ou use um atalho de teclado: Windows e Linux: Ctrl + t. Mac: ⌘ + t.

Acesse o navegor Google Chorme em sua estação de trabalho. Clique na aba Agenda, com o botão direito do mouse, selecione fixar guia. A aba será fixada no Chrome, toda vez que é aberto o navegador, a aba da Agenda irá carregar automaticamente. Poderá ser feito para demais abas.

No topo direito da tela, habilite a opção “Modo desenvolvedor”.

Informações sobre o console do navegador
Para abrir o console da maioria dos navegadores, você pode: Clicar com o botão direito do mouse. Clicar em "Inspecionar/inspecionar elemento"; Clique em "Console".