Como visualizar os códigos-fonte HTML de páginas da web no iPad / iPhone. Nenhum aplicativo necessário.

Você é curioso pela web e quer dar uma olhada no código-fonte de qualquer site na internet? Nesse caso, você não está sozinho. Uma das perguntas mais frequentes dos leitores que vemos é como visualizar os códigos-fonte HTML de QUALQUER página da web em um iPhone (ou outro iDevice – iPad ou iPod Touch.) Felizmente, temos uma solução graças ao desenvolvedor Rob Flaherty! Este artigo descreve as etapas necessárias para visualizar o código-fonte (HTML, CSS, JavaScript, etc.) para qualquer página da web em seus iDevices, incluindo iPad, iPhone ou iPod touch. E o melhor de tudo, nenhum aplicativo é necessário!

• Como visualizar o código-fonte HTML no Safari

Como visualizar códigos-fonte HTML em iDevices

8 etapas fáceis para ver os códigos-fonte HTML

1. Toque em Safari (iPhone, iPod ou iPad), se ainda não estiver aberto, e visite esta página.
   Este método também funciona para o Chrome
2. Selecione os Botão de compartilhamento (também conhecido como Botão de ação):
3. Tocar marca páginas:
4. Escolha o Campo de Nome e clique no ícone X para apagá-lo e nomeie-o como "Mostrar código-fonte da página" e toque em "Salvar".
5. Agora visite esta página e selecione tudo e copie o código javascript: (crédito do código: Rob Flaherty)
6. Confirme se o código que você copiou do site de Rob tem a mesma aparência (mas copie desta página NÃO de baixo):
   1. javascript: (function () {var a = window.open (‘about: blank’). document; a.write (‘'); a.close (); var b = a.body.appendChild (a.createElement (' pre ')); b.style.overflow =' auto '; b.style.whiteSpace =' pre-wrap '; b.appendChild (a.createTextNode (document.documentElement.innerHTML))}) ();
7. Toque em Favoritos ícone e toque Editar:
8. Selecione o marcador “Mostrar código-fonte da página” que você acabou de criar na etapa 4:
9. Toque no campo de endereço e clique no ícone X para limpá-lo e, em seguida, cole o código javascript que você copiou na etapa 5; em seguida, toque em Concluído

É isso! Agora você pode acessar qualquer página da web usando o Safari para celular (e Chrome) em seu iDevice (iPhone, iPod ou iPad), toque no Favoritos ícone e toque no marcador Mostrar código-fonte da página e uma nova janela será aberta exibindo o código-fonte da página da web. Incrível e fácil!

Resultados finais para visualizar os códigos-fonte HTML

E, claro, há um aplicativo para isso!

Se você não gosta da ideia de passar por várias etapas manuais, a App Store oferece alguns aplicativos que fazem o trabalho para você! Procure aplicativos de terceiros, como Exibir código-fonte, Código-fonte para página da Web, navegador de código-fonte e aplicativos semelhantes que permitem visualizar o código-fonte HTML. Com esses aplicativos, você obtém acesso a todo o código-fonte HTML do seu site favorito, CSS e, em alguns aplicativos, qualquer Javascript. Alguns desses aplicativos oferecem até mesmo uma extensão do Safari para dispositivos iOS e incluem realce de sintaxe integrado e recursos de pesquisa!

Com esses aplicativos, visualizar o código-fonte é um processo tranquilo de uma etapa. Basta inserir um URL e ver imediatamente o código-fonte por trás dele. Ou use a extensão Safari do aplicativo e navegue na web como faria normalmente. Então, quando você quiser ver o código-fonte da sua página atual, tudo que você precisa fazer é tocar no ícone Ação e escolher Ver Código-Fonte. É fácil copiar o texto para sua área de trabalho para usar em outros aplicativos ou até mesmo enviá-lo por e-mail.