Como visualizar os códigos-fonte HTML da página 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 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 comoBotão de ação):
  3. Tocar marca páginas:
  4. Escolha o Campo de Nome e aperte o í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 abaixo):
    1. javascript: (function () {var a = window.open ('about: blank'). document; a.write ('Fonte de' + location.href + ''); 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 favorito “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 fonte da página, e uma nova janela é 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.

Postagens recentes