Cómo ver los códigos fuente HTML de la página web en iPad / iPhone. No se requiere aplicación.

¿Tiene curiosidad por la web y quiere echar un vistazo al código fuente de cualquier sitio web en Internet? Si es así, no estás solo. Una de las preguntas más frecuentes de los lectores que vemos es cómo ver los códigos fuente HTML desde CUALQUIER página web en un iPhone (u otro iDevice – iPad o iPod Touch). ¡Afortunadamente, tenemos una solución gracias al desarrollador Rob Flaherty! Este artículo describe los pasos necesarios para ver el código fuente (HTML, CSS, JavaScript, etc.) para cualquier página web en sus iDevices, incluidos iPad, iPhone o iPod touch. Y lo mejor de todo, ¡no se requiere aplicación!

Cómo ver los códigos fuente HTML en iDevices

8 pasos sencillos para ver los códigos fuente HTML

  1. Toque Safari (iPhone, iPod o iPad), si aún no está abierto, y visite esta página. Este método también funciona para Chrome
  2. Seleccione el botón Compartir (también conocido como el botón Acción):

  3. Toque Marcador :

  4. Elija el campo Nombre y presione el ícono X para borrarlo y asígnele el nombre "Mostrar fuente de página" y luego toque "Guardar".

  5. Ahora visite esta página y seleccione todo y copie el código JavaScript: ( crédito de código: Rob Flaherty )

  6. Confirme que el código que copia desde el sitio de Rob tiene el mismo aspecto (pero copie desde esta página NO desde abajo):
    1. javascript: (function () {var a = window.open ('about: blank'). document; a.write ('Source of' + location.href + ''); a.close (); var b = a. body.appendChild (a.createElement ('pre')); b.style.overflow = 'auto'; b.style.whiteSpace = 'pre-wrap'; b.appendChild (a.createTextNode (document.documentElement.innerHTML) )}) ();
  7. Toca el ícono de Marcadores y toca Editar :

  8. Seleccione el marcador "Mostrar fuente de página" que acaba de crear en el paso 4:

  9. Toque el campo Dirección y presione el ícono X para borrarlo, luego pegue el código javascript que copió en el paso 5; luego toque Listo

¡Eso es! Ahora puede usar ir a cualquier página web usando Safari móvil (y Chrome) en su iDevice (iPhone, iPod o iPad), tocar el ícono de Marcadores y luego tocar el marcador Mostrar fuente de página, y se abre una nueva ventana que muestra el código fuente del página web. Impresionante y fácil!

Resultados finales para ver códigos fuente HTML

Y, por supuesto, ¡hay una aplicación para eso!

Si no le gusta la idea de seguir un montón de pasos manuales, ¡la App Store ofrece algunas aplicaciones que hacen el trabajo por usted! Busque aplicaciones de terceros como Ver código fuente, Código fuente para página web, Código fuente y aplicaciones similares que le permiten ver el código fuente HTML. Con estas aplicaciones, obtienes acceso a todo el código fuente HTML de tu sitio favorito, CSS y, en algunas aplicaciones, cualquier Javascript. ¡Algunas de estas aplicaciones incluso ofrecen una extensión de Safari para dispositivos iOS e incluyen funciones de búsqueda y resaltado de sintaxis incorporadas!

Con estas aplicaciones, ver el código fuente es un proceso sencillo y de un solo paso. Simplemente ingrese una URL e inmediatamente vea el código fuente detrás de ella. O use la extensión Safari de la aplicación y navegue por la web como lo haría normalmente. Luego, cuando desee ver la fuente de su página actual, todo lo que necesita hacer es tocar el ícono Acción y elegir Ver fuente. Es fácil copiar el texto a su mesa de trabajo para usarlo en otras aplicaciones o incluso enviarlo por correo electrónico.