A tecla F12 é uma ferramenta essencial para programadores, designers e entusiastas de tecnologia em f12 app geral. Aprenda a habilitar as Ferramentas de Desenvolvedor e inspecionar elementos utilizando a Tecla F12 em f12 app seu computador e até em f12 app dispositivos móveis Android.
O que é a chave F12?
A chave F12 é uma tecla de atalho fortemente relacionada ao desenvolvimento web, pois geralmente abre as Ferramentas de Desenvolvedor em f12 app quase todos os navegadores.
Conforme demonstrado abaixo, a chave F12 pode ser encontrada no topo do teclado, geralmente à direita da tecla F11.
A chave F12 nas Ferramentas de Desenvolvedor
Pressionar a chave F12, geralmente, abre as Ferramentas de Desenvolvedor (DevTools) do navegador. As Ferramenta a de Desenvolver permitem que os engenheiros de software inspecionem e depuremos os elementos HTML, CSS e DOM de um site. Além disso, podemos monitorar a rede e o desempenho da página.
A janela abaixo representa as Ferramentas de Desenvolvedor do Google Chrome, que é uma das opções favorites entre desenvolvedores web hoje em f12 app dia.
Importante lembrar: As opções e a interface poderão variar um pouco dependendo do navegador que você esteja usando.
Inspecionando elementos HTML com a chave F12
Usando a chave F12 pode pesquisar e encontrar os elementos HTML da f12 app página. No exemplo a seguir, demonstramos a inspeção dos elementos usando Ferramentas de Desenvolvedor e a chaveF12 no Chrome:
Assim que temos localizado e inspecionado o elemento, as Ferramentas de Desenvolvedor abrirão uma extensa lista de informações importantes e relativas ao elemento em f12 app uma janela separada, entre elas suas medidas de padding, margin e dimensões.
A tecla F12 no dispositivo, Inspecionando elementos no Android
Utilizando um dispositivo móvel Android pode você facilmente inspecionar elementos de f12 app página da mesma forma que no computador de mesa.
Primeiro, acesse as configurações do seu dispositivo e ative a opção de "Desenvolvedor" clicando > "Sobre o dispositivo" (→ "Versão do software [..."]). Em seguida, volte às configuração inicial (principal) e encontre "Opções do Desenvolvedor" para avistar a opçãoReproduzir site remoto na tela.
Após habilitar esta opção, verifique o endereço IP obtendo-o das configuração