lunes, 6 de octubre de 2014

Ver el código fuente de una página en el iPad


















En alguna ocasión, las personas que editan páginas web, querrán saber qué código hay detrás de un determinado documento en pantalla. O querrán ver los posibles defectos o fallos que la escritura del código ha podido generar. Esto, que es tan habitual y sencillo en los navegadores de los PCs y portátiles, no es tan fácil en los dispositivos móviles.
Veamos cómo podemos hacerlo en un iPad.


Para empezar tendremos que abrir una página cualquiera con el navegador y pulsar en el botón de la flechita para elegir el icono de "Favorito" e iniciar el proceso de guardado. No importa la página inicial que hayamos elegido porque la editaremos más adelante.


















Se nos abrirá esta segunda ventana interactiva:

Allí, tendremos que ponerle un nombre, por ejemplo "Código fuente" para localizarlo rápidamente y podremos elegir que se guarde en la Barra de favoritos en lugar de en el Menú de favoritos.

Pulsamos en Guardar cuando hayamos hecho esto.
Ahora pulsamos el icono de los favoritos, el del librito:


















Elegimos la Barra de favoritos:


















Pulsamos el botón Editar y en la URL, borramos la que hubiera y pegamos el código javascript que se encuentra debajo de la imagen:



















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

Importante: asegúrate que se copia correctamente el código. No sé por qué extraño motivo (en algunas ocasiones) se añade un "- See more at...". El código a copiar acaba en innerHTML%29%29%3B
También puedes copiarlo desde este otro documento externo.

Damos un toque en cualquier punto para que se guarden los cambios.
Ahora podemos probar nuestro favorito.
Abrimos la página cuyo código queremos comprobar y pulsamos el botón Código fuente de la Barra de favoritos. Se abrirá una nueva pestaña con el código HTML de la página:











Origen de la información.

No hay comentarios:

Related Posts Plugin for WordPress, Blogger...