[Tutorial] Visualize o código-fonte HTML de qualquer site do iPhone

Pode ser que por hobby ou trabalho você tenha que manipular código fonte de páginas web e a verdade é que os dispositivos iOS não facilitam em nada esta tarefa, portanto, abaixo você tem um pequeno tutorial que nos permitirá visualizar o código-fonte código de qualquer página da web diretamente do Safari e de uma forma muito simples.

Tutorial:

1. Abra este tutorial diretamente do seu iPhone.
2. Selecione e copie o seguinte código:

javascript:var%20sourceWindow%20%3D%20window.open%28%27about%3Ablank%27%29%3B%20%0Avar%20newDoc%20%3D%20sourceWindow.document%3B%20%0AnewDoc.open%28%29%3B%20%0AnewDoc.write%28%27%3Chtml%3E%3Chead%3E%3Ctitle%3ESource%20of%20%27%20%2B%20document.location.href%20%2B%20%27%3C/title%3E%3C/head%3E%3Cbody%3E%3C/body%3E%3C/html%3E%27%29%3B%20%0AnewDoc.close%28%29%3B%20%0Avar%20pre%20%3D%20newDoc.body.appendChild%28newDoc.createElement%28%22pre%22%29%29%3B%20%0Apre.appendChild%28newDoc.createTextNode%28document.documentElement.innerHTML%29%29%3B

3. Adicione um novo favorito do Safari com o nome "código-fonte".
4. Nós salvamos.
5. Agora voltamos ao menu de favoritos, pressione o botão "Editar" e selecione o marcador que adicionamos antes.



6. Modificamos o campo URL colando o código que copiamos na segunda etapa deste tutorial.

Preparar. Agora, cada vez que clicarmos no marcador «código-fonte», uma nova guia será aberta no Safari que nos mostrará o código-fonte da web em que estávamos, além disso, podemos complementá-lo com a funcionalidade de pesquisa oferecida pelo navegador por portanto, encontrar uma parte específica do código se torna muito mais fácil.

Se tiver um iPad, as coisas melhoram ainda mais, pois além de ter um ecrã maior, a versão Safari Mobile tem uma barra de favoritos que nos permite adicionar o marcador «código fonte» e tê-lo sempre à mão.

Junte-se à nossa comunidade no Facebook clicando na imagem a seguir!