Como abrir as ferramentas do desenvolvedor em um navegador
As ferramentas de desenvolvedor da web incluídas na maioria dos principais navegadores da Internet são úteis por vários motivos. Por exemplo, eles podem ser utilizados para depurar código e testar alterações em HTML, CSS e JavaScript em tempo real. Para aprender a abrir as ferramentas do desenvolvedor, selecione um navegador na lista abaixo e siga as instruções.
Google Chrome
- Abra o navegador Google Chrome.
- Clique em Personalizar e controlar o Google Chrome
ícone no canto superior direito da janela do navegador. - No menu suspenso que aparece, mova o cursor do mouse sobre Mais ferramentas e selecione Ferramentas do desenvolvedor no menu expandido.
- Agora você verá uma nova seção na parte inferior da tela contendo as ferramentas do desenvolvedor.
No Chrome, pressionando o F12 chave ou Ctrl+Mudança+eu (ou Comando+opção+eu em um Mac) também traz as ferramentas de desenvolvedor interativas.
Mozilla Firefox
- Abra o navegador Mozilla Firefox.
- Clique no Menu
ícone no canto superior direito da tela. - Mova o cursor do mouse sobre Web Developer no menu suspenso e selecione Alternar Ferramentas no menu expandido.
- Agora você verá uma nova seção na parte inferior da tela contendo as ferramentas do desenvolvedor.
No Firefox, pressionando o F12 chave ou Ctrl+Mudança+eu (ou Comando+opção+eu em um Mac) também traz as ferramentas de desenvolvedor interativas.
Microsoft borda
- Abra o navegador Microsoft Edge.
- Clique em Configurações e mais
ícone no canto superior direito da tela. - Mova o cursor do mouse sobre Mais ferramentas no menu suspenso e selecione Ferramentas do desenvolvedor no menu expandido.
- Agora você verá uma nova seção no lado direito da tela contendo as ferramentas do desenvolvedor.
No Microsoft Edge, pressionando o F12 chave ou Ctrl+Mudança+eu também traz as ferramentas interativas do desenvolvedor.
Microsoft Internet Explorer
- Abra o navegador Internet Explorer.
- Clique em Ferramentas
no canto superior direito. - Selecione F12 Developer Tools no menu suspenso.
- Uma nova janela deve ser aberta contendo as ferramentas do desenvolvedor.
No Internet Explorer, pressionando o F12 A tecla também abre o DOM e a janela do menu de ferramentas do desenvolvedor.
Safári
No Safari, as ferramentas do desenvolvedor não são habilitadas por padrão. As seções a seguir mostram como ativar esse recurso e, em seguida, como acessá-lo.
Acessando opções de desenvolvedor no Safari
- Abra o navegador Safari.
- Selecione
na barra de menus no canto superior esquerdo da tela. - No menu suspenso que aparece, selecione Preferências.
- Clique na guia Avançado e marque a caixa ao lado de Mostrar menu Desenvolver na barra de menus.
- Agora você verá o seletor de desenvolvimento na barra de menu da Apple na parte superior da tela.
- Clique no seletor de Desenvolvimento e escolha Mostrar Inspetor da Web no menu suspenso.
- Uma nova janela deve ser aberta contendo as ferramentas do desenvolvedor.
Assim que as opções do desenvolvedor estiverem habilitadas, pressione Comando+opção+eu também abre as ferramentas do desenvolvedor.
Ópera
- Abra o navegador Opera.
- Clique na ópera
ícone no canto superior esquerdo da janela do navegador. - Mova o cursor do mouse sobre Desenvolvedor no menu suspenso e selecione Ferramentas do desenvolvedor no menu expandido.
Se você não vir o submenu Desenvolvedor, clique no botão de menu e selecione Mais ferramentas → Mostrar menu do desenvolvedor. Em seguida, clique no botão de menu novamente para ver a entrada do desenvolvedor listada.
- Agora você verá uma nova seção no lado direito da tela contendo as ferramentas do desenvolvedor.
No Opera, pressionando o F12 chave ou Ctrl+Mudança+eu (ou Comando+opção+eu em um Mac) também traz as ferramentas de desenvolvedor interativas.
0 Comments