Como visualizar o código fonte da página da web no iphone e no ipad

Embora os aplicativos para iOS ainda não sejam exatamente as máquinas de desenvolvimento, você geralmente encontrará um iPhone ou um iPad no kit de ferramentas de um designer / desenvolvedor da web. Embora se você for um desenvolvedor / editor ou apenas alguém que queira visualizar o código-fonte de uma página ou visualizar todos os recursos implantados, geralmente você faz isso a partir do computador.

Agora, o iOS 8 facilitou muito a visualização de fontes, recursos e recursos DOM de uma página. E graças a incríveis aplicativos de terceiros com suporte à extensão, você pode fazer isso no Safari (o Chrome não é suportado porque as extensões podem acessar somente o DOM no Safari).

Vamos falar sobre os dois aplicativos que ajudarão você a visualizar e salvar o código-fonte de qualquer site quando estiver na estrada.

Exibir extensão de origem para o Safari

View Source ($ 0.99) é um aplicativo simples e poderoso com uma extensão do Safari. Custa US $ 0, 99, mas vem com muitos recursos.

Depois que o aplicativo for instalado, vá para o Safari, toque no botão Compartilhar, deslize para a direita na linha inferior e toque em Mais. Daqui, alternar a exibição de código-fonte. Isso permitirá a extensão.

Mais sobre as extensões do iOS 8: as extensões do iOS 8 estão rapidamente se tornando uma ferramenta poderosa. Veja como eles funcionam, as melhores extensões de compartilhamento e como uma extensão pode ajudá-lo a transformar o Safari em um downloader completo.

Agora, vá para a página, toque no botão Compartilhar e escolha Exibir código-fonte. Você verá o código-fonte da página em toda a sua glória. Toque no botão Compartilhar para exibir a folha de compartilhamento nativa. A partir daqui, você pode enviar o código para um aplicativo de anotações ou enviá-lo por e-mail.

Abaixo você verá quatro botões - Ativos, DOM, Script e Info.

Ativos listam todas as imagens na página. Você pode tocar em um link para ver uma prévia e salvar a imagem.

O botão DOM mostrará um modelo de árvore com uma estrutura hierárquica dos documentos HTML, XML e SVG. Você pode tocar em qualquer elemento para expandi-lo.

O botão Script permite escrever e injetar Javascript em qualquer página (localmente). O painel Informações mostra informações sobre a página.

Srcfari

Srcfari ($ 0.99) é uma alternativa ao View Source. Embora o aplicativo mostre o código-fonte e os recursos como imagens, folhas de estilo CSS e scripts em execução na página, você terá que fazer isso a partir do próprio aplicativo. Não há extensão do Safari para o Srcfari.

Dito isso, usar o Srcfari não é uma experiência ruim. O aplicativo tem boa tipografia e faz um trabalho muito melhor dividindo recursos por scripts, CSS e imagens do que o aplicativo View Source. Uma reclamação que tenho com o Srcfari é que ele habilitou a quebra de texto para folhas de estilo CSS, mas não quando você está visualizando a fonte inteira (que o aplicativo View Source faz). Isso significa que haverá uma boa quantidade de movimento panorâmico e zoom envolvidos, pelo menos no iPhone.

Diferente do que Srcfari é o assunto usual. Você pode copiar o código-fonte para sua área de transferência ou enviá-lo por e-mail para alguém. Você também pode salvar imagens usando o aplicativo.

Conclusão

O Safari provavelmente já é o navegador de sua preferência no iOS (principalmente porque o iOS não permite selecionar o Chrome como padrão). Se você precisar visualizar o código-fonte com bastante frequência, o aplicativo View de US $ 0, 99 com sua extensão Safari valerá o preço.

Você costuma usar seu iPhone ou iPad para solucionar problemas de sites? Ou para ver o que há de errado com eles? Deixe-nos saber nos comentários abaixo.