Você está usando um navegador desatualizado. Ele pode não exibir este ou outros sites corretamente. Você deve atualizar ou usar um navegador alternativo.
Como abrir o modo desenvolvedor no navegador Chrome?
Pessoal, alguém sabe como ativar o modo desenvolvedor no Chrome? Preciso acessar as ferramentas para inspecionar e depurar um site, mas estou tendo dificuldades para encontrar essa opção. Alguém pode me ajudar com um passo a passo ou dicas de como fazer isso? Agradeço desde já!
Para ativar o modo desenvolvedor no navegador Google Chrome e acessar as ferramentas de inspeção e depuração de sites, siga estas etapas detalhadas:
Abra o navegador Google Chrome.
Clique nos três pontos verticais no canto superior direito da tela para abrir o menu do Chrome.
No menu que aparece, passe o cursor sobre a opção Mais ferramentas para abrir um submenu.
No submenu, selecione Ferramentas do desenvolvedor. Isso também pode ser acessado rapidamente com o atalho de teclado Ctrl + Shift + I (ou Cmd + Option + I no Mac).
Depois de abrir as Ferramentas do Desenvolvedor, você verá um painel na parte inferior ou lateral do navegador. Esse painel contém várias abas:
Elements: Permite visualizar e modificar o HTML e CSS do site em tempo real.
Console: Mostra mensagens de erro, logs e permite executar comandos JavaScript diretamente.
Sources: Permite acessar e depurar o código-fonte do JavaScript e definir pontos de interrupção para depuração.
Network: Monitora e inspeciona as solicitações de rede feitas pelo site, como carregamento de arquivos e APIs.
Performance: Ajuda a analisar o desempenho do site, incluindo o tempo de carregamento e interações.
Memory: Fornece ferramentas para análise e gerenciamento de memória, útil para identificar vazamentos.
Application: Permite visualizar e gerenciar o armazenamento local, cookies e outras informações relacionadas à aplicação web.
Security: Exibe informações sobre a segurança do site, como certificações SSL/TLS e problemas de segurança.
Lighthouse: Oferece auditorias automatizadas para melhorar a qualidade geral do site, incluindo desempenho e acessibilidade.
Para personalizar a interface das Ferramentas do Desenvolvedor, você pode clicar no ícone de três pontos no canto superior direito do painel e ajustar o layout ou acessar configurações adicionais.
Se preferir que as ferramentas abram em uma nova janela em vez de um painel, você pode clicar no ícone de anexo no canto superior direito do painel e selecionar Desanexar.
Essas ferramentas são extremamente úteis para desenvolvedores e designers ao inspecionar e solucionar problemas em sites. Caso tenha mais perguntas ou precise de mais ajuda, é só avisar!
