How to View the Source Code of a Webpage in Safari on Mac

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

Detrás de cada hermosa página web hay un código complejo llamado código fuente que sirve al diseño y la funcionalidad de esa página web para sus usuarios. A veces puede sentir curiosidad y le gustaría ver exactamente qué código construye una página web. Ver el código fuente de una página web es posible en casi todos los navegadores web, y lo mismo se aplica a Safari para Mac.

Safari para Mac te permite ver el código fuente de una página web; sin embargo, no funciona como Chrome o Firefox. Para ver la fuente de una página en Safari, primero debe desbloquear un menú oculto en el navegador.

Aquí se explica cómo habilitar ese menú y luego ver la fuente de una página web de varias maneras.

Ver el código fuente de una página web en Safari en Mac

1. Inicie Safari en su Mac.

2. Cuando se inicie Safari, haga clic en el menú «Safari» en la parte superior seguido de «Preferencias…»

safarisource-pref

3. Cuando se abra el panel de Preferencias, haga clic en la pestaña que dice «Avanzado». Debe ser el último en el menú en la parte superior.

safarisource-avanzado

4. Dentro de la pestaña Avanzado, debería ver una opción que dice «Mostrar menú Desarrollar en la barra de menú».

Marque la casilla de la opción, y el menú debería agregarse instantáneamente a la barra de menú en el navegador.

safarisource-show

El menú Desarrollar ahora está desbloqueado en Safari en tu Mac. Así es como puede usar varias opciones que le brinda para acceder al código fuente de una página web.

1. Uso del menú de desarrollo

En la barra de menú de Safari, ahora debería ver una nueva opción llamada «Desarrollar» que se acaba de desbloquear. Para ver el código fuente de una página, haga clic en el menú «Desarrollar» y luego seleccione «Mostrar código fuente de la página».

safarisource-desarrollar

Safari debería mostrarte instantáneamente el código fuente completo de la página web.

2. Usar un atajo de teclado

Si planea acceder al código fuente de varias páginas web, es posible que desee utilizar un método abreviado de teclado, ya que será mucho más rápido que hacer clic en una opción en la barra de menú y seleccionar otra opción.

safarisource-acceso directo

Mientras una página web está abierta en Safari, presione la combinación de teclas «Opción + Comando + U», y Safari debería permitirle ver el código fuente de la página web.

3. Uso del menú contextual

También se ha añadido al menú contextual de Safari la opción de ver el código fuente de una página web. Para acceder a él, simplemente haga clic derecho mientras está en una página web y seleccione la opción que dice «Mostrar código fuente de la página».safarisource-context

Conclusión

Si Safari es su navegador principal y usted es alguien que está interesado en ver los códigos detrás de varias páginas web, la guía anterior debería ayudarlo a hacerlo sin necesidad de que abandone su navegador favorito.

Experto Geek - Tu Guía en Tendencias Tecnológicas