Cómo ver el código fuente HTML de una página web en iOS o Mac (Guía)

Ya sea que incursione en el desarrollo web a pequeña escala o simplemente tenga interés general en investigar el código para ver cómo funcionan las cosas, puede haber ocasiones en las que desee ver el código fuente HTML detrás de una página web específica.

Es posible hacer esto desde sus dispositivos iOS, como un iPhone o iPad, y desde su Mac. En este tutorial, le mostraremos cómo ver el código fuente HTML de una página web en ambas plataformas..

Cómo ver el código fuente de un sitio web en iPhone o iPad

Si desea ver el código fuente de una página web desde su iPhone o iPad, querrá usar una aplicación para ayudarlo. La mayoría de las aplicaciones modernas facilitan este proceso e incluyen resaltado de sintaxis útil para que pueda comprender mejor lo que está viendo.

Recomendamos usar HTML Viewer Q, que es una descarga gratuita de la App Store. Una vez instalado, siga estos pasos para ver el código fuente de una página web:

1) Inicie HTML Viewer Q desde su pantalla de inicio.

2) Toca el Enlace botón en la parte superior derecha de la aplicación:

3) Ingrese la URL completa de una página web de la que desea ver el código fuente, luego toque el Vamos botón (usaremos Amazon para este ejemplo).

4) Una vez que se carga la página, toque el Código botón en la parte superior izquierda de la aplicación.

Ahora está viendo el código fuente de la página web que seleccionó. Puede tocar cualquiera de los números en la parte superior de la aplicación para cambiar entre diferentes tamaños de fuente: es decir, 9pt, 12pt, 16pt, etc., y también puede usar el botón Buscar para buscar cualquier palabra clave o sintaxis que pueda ser específicamente buscando.

La aplicación también te permite copiar el código HTML para que puedas pegarlo en cualquier otra aplicación.

Cómo ver el código fuente HTML de una página en Safari en Mac

Si está utilizando una Mac, entonces realmente no necesita un software de terceros para ver el código fuente de una página web. Puede usar Safari (o cualquier otro navegador web que prefiera) para ver el código fuente dentro del navegador..

Nota: Estos pasos variarán ligeramente según el navegador web que esté utilizando..

Primera parte: habilitar las herramientas de desarrollador en Safari

Para ver el código fuente de una página web en Safari, primero deberá habilitar las herramientas ocultas de desarrollo. Para hacer eso, sigue estos pasos:

1) Inicie Safari si aún no está abierto.

2) Ir Safari → Preferencias en la barra de menú.

3) Abre el Avanzado pestaña en la ventana de Preferencias.

4) Ponga una marca de verificación en el Mostrar el menú Desarrollar en la barra de menú casilla si aún no está marcada.

Ahora que las herramientas adecuadas están habilitadas, está listo para pasar a la siguiente sección para ver el código fuente de una página web.

Parte dos: ver el código fuente de una página web en Safari

Para ver el código fuente de una página web después de habilitar las herramientas de desarrollo, siga estos pasos:

1) Inicie Safari si aún no está abierto.

2) Cargue la página web de la que desea ver el código fuente (usaremos Amazon para este ejemplo).

3) Ir Desarrollar → Mostrar fuente de página en la barra de menú (o haga clic derecho en la página y seleccione Mostrar fuente de página).

4) El código fuente aparecerá ahora en una ventana en la parte inferior de la aplicación Safari:

Puede usar la barra de búsqueda para buscar palabras clave o sintaxis específicas si lo desea, o puede cambiar el tamaño de la ventana de desarrollo haciendo clic y arrastrando un borde como lo haría para cambiar el tamaño de una aplicación en su Mac.

Terminando

Esta característica permite a Curious Georges tener la capacidad de ver qué hace funcionar una página web, pero también es una herramienta invaluable para desarrolladores web, principiantes o experimentados, que desean una mejor comprensión del código detrás de una página web, o simplemente quieren solucionar problemas de su propio sitio.

Lea también: