Skip to content

Como visualizar o código-fonte de uma página da web

29 de abril de 2021

Embora os navegadores da web interpretem os arquivos de linguagem de marcação de hipertexto e folhas de estilo em cascata que fazem a web aparecer como ela é, uma tecla de atalho ou ajuste de URL força os navegadores a exibir não a página da web renderizada, mas o código-fonte dessa página, em uma nova guia ou janela . Embora a maioria das pessoas raramente precise examinar o código-fonte, os desenvolvedores usam essa perspectiva para solucionar inconsistências de layout ou para corrigir bugs em um site.

Getty Images (Logovski # 465458409)

Como visualizar o código-fonte em um navegador de área de trabalho

Para todos os principais navegadores de desktop – Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Vivaldi – pressione Ctrl + U para abrir uma nova guia que exibe o HTML bruto da página em que você está. Em um Mac, pressione Cmd + Option + U ou Cmd + U no Firefox.

código fonte do site

Como alternativa, todos os navegadores de desktop oferecem suporte a um ajuste específico de URL. Anexar o texto view-source: ao URL para abrir a página no modo Código-fonte. Por exemplo, digite view-source: https: //www.fiodevida.com para visualizar o código-fonte por trás da página de destino principal da fiodevida. Prefere um mouse ou precisa ajustar o HTML na hora? Todos os navegadores principais suportam um Ver fonte em algum lugar dentro de sua estrutura de menu, e eles também suportam um modo de desenvolvedor (nomeado várias coisas e iniciado de várias maneiras) que permite ajustes em tempo real de como uma página é executada com base nas alterações feitas na interface do desenvolvedor.

Como visualizar a fonte em um navegador móvel padrão

O navegador padrão do Android permite o view-source: Ajuste de URL. No iOS, no entanto, o aplicativo Safari de estoque não oferece suporte a esse recurso. Na plataforma da Apple, você precisará iniciar um navegador diferente ou um aplicativo de visualização de código-fonte na App Store. Navegadores móveis individuais que você instalou da loja de aplicativos de sua plataforma se comportam de maneira diferente. Consulte a documentação do navegador para procedimentos específicos.