[Tutorial] Visualiza el código fuente HTML de cualquier web desde el iPhone

Puede que por vuestra afición o trabajo tengáis que manejar código fuente de páginas web y la verdad es que los dispositivos iOS no ponen nada fácil esta tarea, por eso, a continuación tenéis un pequeño tutorial que nos permitirá visualizar el código fuente de cualquier página web directamente desde Safari y de una forma muy sencilla.

Tutorial:

1. Abre este tutorial directamente desde tu iPhone.
2. Selecciona y copia el siguiente 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. Añade un nuevo marcador desde Safari con el nombre «código fuente».
4. Guardamos.
5. Ahora volvemos de nuevo al menú de favoritos, pulsamos el botón de «Editar» y seleccionamos el marcador que hemos añadido antes.



6. Modificamos el campo de la URL pegando el código que hemos copiado en el segundo paso de este tutorial.

Listo. Ahora cada vez que pulsemos sobre el marcador «código fuente» se nos abrirá una nueva pestaña en Safari que nos mostrará el código fuente de la web en la que estábamos, además, esto lo podemos complementar con la funcionalidad de buscar que ofrece el navegador por lo que encontrar una parte concreta dentro del código se hace mucho más sencillo.

Si tienes un iPad la cosa mejora todavía más ya que aparte de contar con un mayor tamaño de pantalla, la versión de Safari Mobile tiene una barra de favoritos que nos permite agregar el marcador «código fuente» y tenerlo siempre a mano.

¡Únete a nuestra comunidad de Facebook haciendo click en la siguiente imagen!