MacOS: habilitar el inspector web en Safari

Si desea ver el código fuente de una página web en Apple Safari para MacOS, deberá habilitar el Web Inspector siguiendo estos pasos. Esta herramienta es esencial para desarrolladores web y diseñadores que buscan comprender mejor cómo está construída una página.

Pasos para habilitar el Inspector Web

1. Safari 10 y superior

Asegúrese de que " Mostrar menú de desarrollo en la barra de menú " esté habilitado en " Safari " > " Preferencias " > " Avanzado ".

Habilitar el inspector web en Safari

Ahora visite cualquier página web y seleccione " Desarrollar " > " Mostrar inspector web ".

Mostrar inspector web en Safari

Aparecerá la ventana del inspector web donde podrá explorar los elementos de la página.

Ventana del inspector web

2. Versiones más antiguas

Para habilitar Web Inspector en versiones más antiguas de Safari, siga estos pasos:

  1. Abra " Aplicaciones " > " Utilidades ".
  2. Inicie " Terminal ".
  3. Escriba el siguiente comando y presione " Enter ": defaults write com.apple.Safari WebKitDeveloperExtras -bool true
  4. Ahora puede abrir una página web en Safari y hacer clic con el botón derecho o mantener presionado el botón del mouse en cualquier lugar de la página hasta que aparezca el menú.
  5. Seleccione " Inspeccionar elemento ".

Consejos Adicionales para Desarrolladores

Además de habilitar el Inspector Web, aquí hay algunos consejos para maximizar su uso:

Consejo Descripción
Utilizar la Consola Acceda a la consola de JavaScript para depurar errores y ejecutar scripts.
Auditoría de Rendimiento Utilice las herramientas de rendimiento para analizar la velocidad de carga de su página web.
Visualización de CSS Edite y pruebe estilos CSS en tiempo real para ver cómo afectan el diseño.

Para más información sobre otras herramientas de desarrollo en Safari, visite este enlace externo.

(34) Comentarios

  1. Pedro M. -

    Yo también he tenido problemas con Safari. Finalmente, logro activar esta función y me ha ayudado mucho. Gran información.

  2. Javi -

    Me parece genial lo que escribiste. Justo lo que necesitaba para mejorar mi trabajo. ¡Gracias

  3. Rosa J. -

    Me siento un poco confundida. ¿Este cambio afecta mi navegación de alguna manera? ¡Gracias de antemano

  4. Cecilia M. -

    Qué buen consejo! Siempre estuve perdido con Safari, ahora puedo darle más uso. Gracias

  5. Héctor -

    Me encanta Safari, pero sentía que me faltaba algo como el inspector. Gracias por iluminarme

  6. Valeria -

    Una pregunta, ¿qué más puedo hacer con el inspector web? ¡Estoy ansiosa por aprender más

  7. Patricia M. -

    Me gustaría compartir esto con mis amigos diseñadores. Es muy valioso. ¡Gracias por el contenido

  8. Sofía G. -

    ¡Increíble! No sabía que esto existía. Me voy a poner a probarlo ahora mismo. ¡Gracias

  9. Lucio -

    Me alegra leerte. Safari necesita más herramientas como esta. ¡Esperemos que sigan mejorando

  10. Marisol -

    Es tan fácil seguir los pasos que compartiste, ¡gracias! Siempre quise entender más sobre esto

  11. Carmen -

    No soy una experta, pero voy a intentar seguir las instrucciones. ¡Espero no romper nada

  12. Elena R. -

    ¡Increíble! Recientemente cambié a Mac y necesito aprender todo lo que pueda. Este artículo es un buen comienzo.

  13. Diana -

    Por fin entiendo cómo activar el inspector. ¡Me siento como una desarrolladora ahora! Gracias por la explicación

  14. Nico 88 -

    Alguien sabe si esto es igual en la versión de Safari para iOS? Me gustaría probarlo en mi iPhone

  15. Marta -

    Me encanta Safari, pero a veces se me complican las cosas. Este truco me será muy útil. Gracias, autor

  16. Ana Sofia -

    Me siento tan lista ahora que sé cómo hacerlo. ¡Voy a practicar todo el fin de semana!

  17. Carla IT -

    Era justo lo que necesitaba. Habilitar el inspector web cambia todo. ¡Gracias por la ayuda!

  18. Miquelito -

    Me gusta todo sobre Safari, pero esto es un nivel superior. ¡Gracias por la información!

  19. Javier -

    Gracias por este tutorial, es justo lo que necesitaba para mi proyecto. ¡Sigue compartiendo más!

  20. Raúl -

    Me alegro de haber encontrado este artículo. Activa el inspector web es un gran paso para mejorar mis habilidades en desarrollo

  21. Juanito -

    Estoy teniendo dificultades siguiendo los pasos. ¿Alguien podría ayudarme a solucionar eso

  22. Marco -

    Hice todo según las instrucciones y ahora puedo inspeccionar elementos fácilmente. ¡Es muy útil

  23. Alberto -

    Estaba perdido buscando esto. Ahora que lo encontré, ¡mis sitios web nunca lucirán igual!

  24. Pablo -

    A veces me siento frustrado con Safari, pero este truco lo cambia todo. ¡Gracias por compartir!

  25. Diego el curioso -

    Siempre quise entender mejor cómo funcionan las páginas web. Este artículo me está ayudando a aprender. ¡Gracias

  26. Felipe 2023 -

    ¿Hay algún plugin que pueda complementar el inspector web en Safari? Me gustaría mejorar más mis conocimientos

  27. Toni M. -

    ¿Alguien puede recomendarme otros trucos interesantes para Safari? Me gustaría saber más

  28. Gustavo -

    ¡Wow! No sabía que podía hacer esto. ¡Voy a probarlo ahora mismo y te cuento

  29. Hana -

    Estaba buscando cómo hacer esto en Safari. ¡Mil gracias por el post, me ha sido realmente útil!

  30. Gabriela -

    Me encanta cómo explicas todo. La claridad es impresionante. ¡A seguir aprendiendo!

  31. Samy 007 -

    Creía que no había forma de habilitarlo. ¡Esto me va a ahorrar mucho tiempo, gracias

  32. Lucia -

    ¡Excelente artículo! Nunca supe que podía habilitar el inspector web en Safari. Gracias por compartirlo

  33. Luis el aventurero -

    No sabía que Safari tenía una herramienta tan poderosa. ¡Qué bien que lo compartiste!

  34. Andrés el techie -

    Habilitar el inspector en Safari es lo mejor que me ha pasado esta semana. ¡Adiós a los problemas de desarrollo!

Dejar un comentario

Pasos para Ejecutar macOS en una PC con Windows

Pasos para Ejecutar macOS en una PC con Windows

Descubre cómo obtener macOS en una PC con Windows con una guía paso a paso que muestra exactamente cómo obtener el sistema operativo de Apple en un dispositivo Microsoft.

Windows 11 vs. MacOS – Cinco Diferencias Clave

Windows 11 vs. MacOS – Cinco Diferencias Clave

Windows 11 vs. MacOS – Descubre algunas de las diferencias clave entre estos sistemas operativos para ayudarte a elegir tu dispositivo.

MacOS: Habilitar el Inspector Web en Safari

MacOS: Habilitar el Inspector Web en Safari

Aprenda aquí cómo ver el código fuente de una página web en Apple Safari utilizando la herramienta Safari Web Inspector.

Revisión de Parallels Toolbox: Optimice rápidamente su Mac

Revisión de Parallels Toolbox: Optimice rápidamente su Mac

Aquí hay una revisión detallada de Parallels Toolbox para Mac, que optimiza magníficamente su Mac para mejorar la productividad y el rendimiento.

Cómo convertir PDF a JPG en una Mac

Cómo convertir PDF a JPG en una Mac

Convertir archivos PDF a JPG ya no es una tarea complicada. ¿Se pregunta cómo convertir PDF a JPG en Mac? Analicemos algunas maneras sencillas y efectivas para hacerlo.

MacOS: habilitar el inspector web en Safari

MacOS: habilitar el inspector web en Safari

Cómo ver el código fuente en una página web en Apple Safari utilizando la herramienta Web Inspector. Habilita el Inspector Web en Safari y mejora tu experiencia de desarrollo.

Outlook no se abre en modo seguro: 5 correcciones principales

Outlook no se abre en modo seguro: 5 correcciones principales

¿Quiere abrir Outlook en modo seguro pero no puede? Descubra cómo solucionar el problema "Outlook no se abre en modo seguro".

MacOS Sonoma vs macOS Ventura: ¿Cuál es la diferencia?

MacOS Sonoma vs macOS Ventura: ¿Cuál es la diferencia?

En caso de que planee actualizar a macOS Sonoma, aquí le explicamos en qué se diferencia de macOS Ventura en términos de funciones.

MacOS: Cómo configurar la variable de entorno

MacOS: Cómo configurar la variable de entorno

En Mac, las variables ambientales almacenan información, como quién es el usuario actual, rutas predeterminadas a los comandos y el nombre de la computadora host. Si usted

Outlook 365 Falta el menú Inicio: 6 mejores soluciones

Outlook 365 Falta el menú Inicio: 6 mejores soluciones

Si falta el botón Inicio en Outlook, deshabilite y habilite Home Mail en la cinta. Esta rápida solución ayudó a muchos usuarios.