O que saber
- Na maioria dos principais navegadores, você pode acessar o código-fonte de um site pressionando Ctrl+ U no Windows.
- Em um Mac, pressione Cmd+ Option+ U na maioria dos principais navegadores ou Cmd+ U no Firefox.
- No Android, use o ajuste de URL view-source: para visualizar o código-fonte. No Safari para iOS, isso não é compatível.
Embora os navegadores da web interpretem os arquivos de linguagem de marcação de hipertexto e as folhas de estilo em cascata que fazem a web parecer como ela é, uma tecla de atalho ou ajuste de URL força os navegadores a exibir 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 problemas de inconsistências de layout ou corrigir bugs em um site.
Como visualizar o código-fonte em um navegador de desktop
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 de a página em que você está. Em um Mac, pressione Cmd+Option+U ou Cmd+U no Firefox.
Alternativamente, todos os navegadores de desktop suportam um ajuste específico de URL. Anexe o texto view-source: ao URL para abrir a página no modo Source. Por exemplo, digite view-source:https://www.lifewire.com para visualizar o código-fonte por trás da página de destino principal da Lifewire.
Prefere um mouse ou precisa ajustar o HTML rapidamente? Todos os navegadores principais suportam um comando View Source em algum lugar dentro de sua estrutura de menu, e eles também suportam um modo de desenvolvedor (nomeado de várias coisas e lançado de várias maneiras) que permite ajustes em tempo real para como uma página é executada com base nas alterações feitas na interface do desenvolvedor.
Como visualizar o código-fonte em um navegador móvel padrão
O navegador Android padrão permite o view-source: ajuste de URL. No iOS, no entanto, o aplicativo Safari padrão 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 da sua plataforma se comportam de maneira diferente. Consulte a documentação do navegador para procedimentos específicos.
