Visualizar o código-fonte de uma página da web no Safari e em outros navegadores da web é uma atividade bastante rotineira para muitas pessoas que trabalham com a web para ganhar a vida ou até mesmo como hobby. Ao contrário de alguns outros navegadores, para visualizar a fonte da página no Safari, você deve primeiro habilitar um conjunto de ferramentas do desenvolvedor para que o navegador possa acessar o recurso de exibição da fonte da página da web.

Este tutorial demonstrará como visualizar uma fonte de páginas da web no Safari no Mac OS. Isso se aplica a todas as versões do Safari e MacOS.

Como visualizar o código-fonte da página no Safari para Mac

Aqui está como você pode visualizar uma fonte de páginas da web no Safari no MacOS:

1. Primeiro, habilite o menu Desenvolvedor do Safari acessando o menu Safari, escolhendo “Preferências”, indo para “Avançado” e marcando a caixa para habilitar o menu do desenvolvedor



2. Em seguida, em qualquer janela do Safari, navegue até a página da Web cujo código-fonte você deseja visualizar e inspecionar
3. Baixe o menu “Desenvolver” na parte superior da tela e selecione “Mostrar fonte da página” nas opções do menu



4. A origem das páginas da Web aparecerá na tela na seção Fontes do inspetor da Web, um kit de ferramentas para desenvolvedores da Web integrado ao Safari

Além de visualizar a origem da página, você também pode usar o menu Desenvolver para realizar muitos outros truques úteis da web e tarefas de desenvolvedor, incluindo desabilitar o Javascript e limpar o cache do Safari, entre inúmeras outras funções e recursos voltados para recursos avançados usuários e desenvolvedores, como encontrar arquivos incorporados em páginas.

Como visualizar a origem da página por atalho de teclado no Safari no Mac

Depois de ativar o menu Revelação no Safari, você também pode usar um atalho de teclado para visualizar rapidamente qualquer fonte de página da web no navegador Safari para Mac:

1. Navegue até a página da Web para a qual deseja visualizar a origem da página
2. Pressione a combinação de teclado Command + Option + U para visualizar a fonte da página

O atalho de teclado para visualizar o código-fonte da página abrirá a ferramenta de inspeção da web, assim como acessá-la no menu Revelação.

Se você é um usuário avançado do Safari, habilitar o menu Desenvolver é provavelmente uma das primeiras coisas que você faz quando inicia o navegador pela primeira vez.

Se vale a pena, os navegadores Chrome e Firefox também têm recursos semelhantes de inspetor de elementos da web, mas obviamente estamos nos concentrando no Safari para Mac aqui.

As funções do desenvolvedor no Safari para Mac não estão disponíveis para iPhone ou iPad (ainda), mas se você estiver interessado em obter opções de visualização de fonte no lado móvel, você pode usar este truque de javascript para visualizar fonte da página nas versões iOS e ipadOS do Safari.

Você tem alguma dica ou truque útil associado à visualização da origem da página ou do conjunto de ferramentas do desenvolvedor no Safari? Compartilhe seus pensamentos, dicas e experiências conosco nos comentários.