Quer você use Safari, Chrome ou qualquer outro navegador em seu Mac, ensinaremos como acessar o Inspect Element para fazer alterações em uma página da web.

Você já ficou curioso sobre o código-fonte de uma página da web? Quase todos os navegadores da web, incluindo o navegador nativo do seu Mac, possuem um recurso que permite visualizá-lo – chamado Inspecionar Elemento.

Você não apenas pode ver o código da página HTML, CSS e JavaScript com Inspect Element, mas também pode modificá-lo. Isso permite que os desenvolvedores testem páginas e aplicativos da web com o recurso, mas os usuários também podem usá-lo para alterar fontes em seus navegadores pessoais.

Confira as etapas abaixo para aprender como usar o Inspect Element em qualquer navegador do seu Mac e começar a alterar o código.

Como inspecionar o elemento no Safari e outros navegadores em um Mac

O uso do recurso Inspecionar elemento é o mesmo em todos os navegadores disponíveis para macOS. Você pode ativá-lo com apenas alguns cliques. A exceção a isso é o Safari, que requer que o Inspecionar Elemento esteja ativado antes de poder ser usado. Descrevemos como ativá-lo em uma seção separada abaixo.

Mas para usar o Inspect Element no seu navegador Mac favorito em geral (ou quando estiver ativado):

  1. Abra o navegador desejado e navegue até a página da web que deseja inspecionar.
  2. Ao controle-clique (clique com o botão direito) em qualquer lugar da página da web e selecione Inspecionar ou Inspecionar elemento no menu de contexto. Você também pode usar o atalho de teclado Cmd + Shift + C.
  3. A ferramenta Inspector será aberta e o código-fonte da página da web aparecerá. Leia ou faça alterações no código como desejar; por exemplo, você pode edite páginas da web no Safari usando Inspect Element para mexer em texto e imagens.
  4. Para fechar a ferramenta Inspetor, clique no botão X botão.

Como ativar o elemento de inspeção no Safari

Para habilitar o recurso Inspecionar Elemento no Safari em seu Mac, você deve ativar o menu Desenvolver. Para fazer isso:

  1. Abra o Safari, vá para Safári > Configurações na barra de menu ou pressione Comando +, no seu teclado.
  2. Vá para o Avançado aba.
  3. Verifica a Mostrar menu Desenvolver na barra de menu caixa.

O menu Desenvolver agora deve aparecer no menu superior quando você estiver usando o Safari, e você poderá acessar o Inspecionar Elemento no seu Mac a partir do menu de contexto!

Quando usar o elemento Inspecionar em seu navegador

Os desenvolvedores podem usar o Inspect Element para testar alterações de layout em páginas da web e aplicativos da web e testar a funcionalidade para usuários em diferentes navegadores. Mas também pode ser usado por usuários normais.

Se uma página da web tiver uma fonte que você acha difícil de ler ou se estiver em uma cor que você não gosta, você pode usar Inspecionar elemento para alterá-la para que a página fique mais legível ou agradável de se ver. Você também pode altere os cabeçalhos das páginas da web por meio do Inspect Element para pregar peças em seus amigos.

O Inspect Element altera apenas as coisas no seu Mac e no navegador específico que você está usando. Portanto, use-o sempre que desejar uma mudança rápida em um site de acordo com suas preferências.

Inspecionar elemento: um recurso para melhorar a experiência do usuário

Saber como usar o Inspect Element no seu Mac pode tornar o uso de páginas da web mais simplificado e agradável. Ele pode oferecer soluções rápidas para problemas de formatação e permitir que os desenvolvedores corrijam bugs.

Esperamos que nosso guia ajude você a utilizar o recurso, para que da próxima vez que tiver problemas com uma página da web no Safari ou em qualquer outro navegador, você saiba que tem uma solução!