iDoo Academy

Cómo ver el código fuente de una página web de Safari con nuestro Mac

Safari HTML

Podemos encontrarnos con diversas razones para querer inspeccionar el código fuente de una página web cuando navegamos. Ya sea para hallar la URL de imágenes o enlaces, o para entender en detalle qué componentes se están cargando, conocer el código fuente de una página puede ser realmente útil. En Safari, realizar esta tarea es sorprendentemente sencillo. Hablemos de ello.

Descubriendo los secretos de las webs: el acceso al código fuente

El primer paso para acceder al código fuente de una página web en Safari es activar el menú Desarrollo. Eso es tan fácil como acceder a las preferencias de Safari, entrar en la pestaña Avanzado y activar la opción de Mostrar funciones para desarrolladores web. Esto nos proporciona herramientas avanzadas para la inspección web, incluyendo la visualización del código fuente.

Hecho esto, ya podemos ver el código de un sitio web concreto. Algo tan fácil como seguir estos estos pasos sencillos:

  1. Abrimos la página web cuyo código fuente deseamos explorar.
  2. Dentro del menú Desarrollo, seleccionamos la opción Mostrar código fuente de la página o, como alternativa rápida, utilizamos el atajo de teclado Opción (⌥) + Comando (⌘) + U.

Veremos aparecer en la parte inferior de la pantalla toda la estructura del código fuente de la página. Esta visualización se divide en dos partes principales. En la barra lateral izquierda podemos seleccionar los diferentes elementos que componen la página, como el HTML principal, los scripts, las hojas de estilo o las imágenes. Esta selección es fundamental para focalizar nuestra atención en aspectos específicos del código.

Luego en la parte derecha encontramos el visor del código en sí. Al seleccionar un elemento de la barra lateral, su correspondiente previsualización y código se mostrarán aquí. Esto nos facilita la comprensión y el análisis de cada componente de la página por separado, sin abrumarnos con el código completo.

Así de simple es el proceso. Cuando necesitemos indagar en el código fuente de una página web, ya sea usando Private Relay o sin él, usando Safari en nuestro Mac lo haremos de manera rápida y eficiente.

En iDoo_tech | Safari en iOS 17: estas son todas las novedades

¡Comparte!

Entradas relacionadas

Rellena el formulario para descargar nuestros materiales exclusivos