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 ".
Ahora visite cualquier página web y seleccione " Desarrollar " > " Mostrar inspector web ".
Aparecerá la ventana del inspector web donde podrá explorar los elementos de la página.
2. Versiones más antiguas
Para habilitar Web Inspector en versiones más antiguas de Safari, siga estos pasos:
- Abra " Aplicaciones " > " Utilidades ".
- Inicie " Terminal ".
- Escriba el siguiente comando y presione " Enter ":
defaults write com.apple.Safari WebKitDeveloperExtras -bool true
- 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ú.
- 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.
Pedro M. -
Yo también he tenido problemas con Safari. Finalmente, logro activar esta función y me ha ayudado mucho. Gran información.
Javi -
Me parece genial lo que escribiste. Justo lo que necesitaba para mejorar mi trabajo. ¡Gracias
Rosa J. -
Me siento un poco confundida. ¿Este cambio afecta mi navegación de alguna manera? ¡Gracias de antemano
Cecilia M. -
Qué buen consejo! Siempre estuve perdido con Safari, ahora puedo darle más uso. Gracias
Héctor -
Me encanta Safari, pero sentía que me faltaba algo como el inspector. Gracias por iluminarme
Valeria -
Una pregunta, ¿qué más puedo hacer con el inspector web? ¡Estoy ansiosa por aprender más
Patricia M. -
Me gustaría compartir esto con mis amigos diseñadores. Es muy valioso. ¡Gracias por el contenido
Sofía G. -
¡Increíble! No sabía que esto existía. Me voy a poner a probarlo ahora mismo. ¡Gracias
Lucio -
Me alegra leerte. Safari necesita más herramientas como esta. ¡Esperemos que sigan mejorando
Marisol -
Es tan fácil seguir los pasos que compartiste, ¡gracias! Siempre quise entender más sobre esto
Carmen -
No soy una experta, pero voy a intentar seguir las instrucciones. ¡Espero no romper nada
Elena R. -
¡Increíble! Recientemente cambié a Mac y necesito aprender todo lo que pueda. Este artículo es un buen comienzo.
Diana -
Por fin entiendo cómo activar el inspector. ¡Me siento como una desarrolladora ahora! Gracias por la explicación
Nico 88 -
Alguien sabe si esto es igual en la versión de Safari para iOS? Me gustaría probarlo en mi iPhone
Marta -
Me encanta Safari, pero a veces se me complican las cosas. Este truco me será muy útil. Gracias, autor
Ana Sofia -
Me siento tan lista ahora que sé cómo hacerlo. ¡Voy a practicar todo el fin de semana!
Carla IT -
Era justo lo que necesitaba. Habilitar el inspector web cambia todo. ¡Gracias por la ayuda!
Miquelito -
Me gusta todo sobre Safari, pero esto es un nivel superior. ¡Gracias por la información!
Javier -
Gracias por este tutorial, es justo lo que necesitaba para mi proyecto. ¡Sigue compartiendo más!
Raúl -
Me alegro de haber encontrado este artículo. Activa el inspector web es un gran paso para mejorar mis habilidades en desarrollo
Juanito -
Estoy teniendo dificultades siguiendo los pasos. ¿Alguien podría ayudarme a solucionar eso
Marco -
Hice todo según las instrucciones y ahora puedo inspeccionar elementos fácilmente. ¡Es muy útil
Alberto -
Estaba perdido buscando esto. Ahora que lo encontré, ¡mis sitios web nunca lucirán igual!
Pablo -
A veces me siento frustrado con Safari, pero este truco lo cambia todo. ¡Gracias por compartir!
Diego el curioso -
Siempre quise entender mejor cómo funcionan las páginas web. Este artículo me está ayudando a aprender. ¡Gracias
Felipe 2023 -
¿Hay algún plugin que pueda complementar el inspector web en Safari? Me gustaría mejorar más mis conocimientos
Toni M. -
¿Alguien puede recomendarme otros trucos interesantes para Safari? Me gustaría saber más
Gustavo -
¡Wow! No sabía que podía hacer esto. ¡Voy a probarlo ahora mismo y te cuento
Hana -
Estaba buscando cómo hacer esto en Safari. ¡Mil gracias por el post, me ha sido realmente útil!
Gabriela -
Me encanta cómo explicas todo. La claridad es impresionante. ¡A seguir aprendiendo!
Samy 007 -
Creía que no había forma de habilitarlo. ¡Esto me va a ahorrar mucho tiempo, gracias
Lucia -
¡Excelente artículo! Nunca supe que podía habilitar el inspector web en Safari. Gracias por compartirlo
Luis el aventurero -
No sabía que Safari tenía una herramienta tan poderosa. ¡Qué bien que lo compartiste!
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!