Muestra el código fuente desde tu iPhone

Con este truquillo podrás ver el código fuente de cualquier página web desde Safari y de una forma muy sencilla.

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.

Originalmente escrito por Nacho.