Ver el código fuente de una página web en Safari y otros navegadores web es una actividad bastante rutinaria para muchas personas que trabajan con la web para ganarse la vida o incluso como pasatiempo. A diferencia de otros navegadores, para ver la fuente de la página en Safari, primero debe habilitar un conjunto de herramientas de desarrollador para que el navegador pueda acceder a la función de ver la fuente de la página web.

Este tutorial demostrará cómo ver una fuente de páginas web en Safari en Mac OS. Esto se aplica a todas las versiones de Safari y MacOS.

Cómo ver el origen de la página en Safari para Mac

Así es como puede ver la fuente de una página web en Safari en MacOS:

1. Primero, habilite el menú Desarrollar de Safari yendo al menú Safari, seleccionando "Preferencias", yendo a "Avanzado" y marcando la casilla para habilitar el menú desarrollador



2. A continuación, en cualquier ventana de Safari, vaya a la página web cuya fuente desea ver e inspeccionar
3. Despliegue el menú "Desarrollar" en la parte superior de la pantalla y seleccione "Mostrar código fuente de la página" en las opciones del menú



4. La fuente de las páginas web web aparecerá en la pantalla en la sección Fuentes del inspector web, un kit de herramientas para desarrolladores web integrado en Safari

Además de ver el código fuente de la página, también puede usar el menú Desarrollar para realizar muchos otros trucos útiles para la web y tareas de desarrollador, incluida la desactivación de Javascript y la limpieza de la memoria caché de Safari, entre muchas otras funciones y capacidades orientadas a usuarios avanzados. a los usuarios y desarrolladores, les gusta encontrar archivos incrustados en las páginas.

Cómo ver el origen de la página mediante un atajo de teclado en Safari en Mac

Después de habilitar el menú Desarrollar en Safari, también puede usar un atajo de teclado para ver rápidamente cualquier fuente de página web en el navegador Safari para Mac:

1. Navegue a la página web de la que desea ver el origen de la página
2. Presiona la combinación de teclado Comando + Opción + U para ver la fuente de la página

El atajo de teclado para ver el código fuente de la página abrirá la herramienta de inspección web, al igual que acceder desde el menú Desarrollar.

Si es un usuario avanzado de Safari, habilitar el menú Desarrollar es probablemente una de las primeras cosas que haga cuando inicie el navegador por primera vez.

Por si sirve de algo, el navegador Chrome y los navegadores Firefox también tienen capacidades de inspección de elementos web similares, pero obviamente nos estamos enfocando en Safari para Mac aquí.

Las funciones de desarrollador en Safari para Mac no están disponibles para iPhone o iPad (todavía de todos modos), pero si está interesado en obtener opciones de visualización de fuentes en el lado móvil, puede usar este truco de javascript para ver fuente de la página en las versiones iOS y ipadOS de Safari.

¿Tiene algún consejo o truco útil asociado con la visualización del código fuente de la página o el conjunto de herramientas para desarrolladores en Safari? Comparta sus pensamientos, consejos y experiencias con nosotros en los comentarios.