El navegador Safari de tu Mac no tiene por defecto un elemento de menú llamado «Desarrollo». Como su nombre indica, está pensado para que los desarrolladores analicen cualquier sitio web con fines de diseño y desarrollo. Sin embargo, es más útil para los usuarios normales también en muchas situaciones.
¿Por qué necesitas añadir el menú de desarrollo en el Mac Safari?
Hay muchas situaciones en las que puede necesitar obtener más detalles de la página web. Por ejemplo, cuando la página web no se carga correctamente en Safari, puedes intentar abrirla en otro navegador instalado como Firefox o Chrome. Con el menú «Desarrollo» habilitado, puedes abrir las páginas web en otros navegadores desde el propio Safari. A continuación, te ofrecemos más razones para habilitar el menú «Desarrollo»:
- Compruebe la capacidad de respuesta de cualquier sitio web.
- Pruebe las características experimentales.
- Deshabilita las extensiones, imágenes, estilos CSS y scripts para ver la página simple.
- Borrar las cachés para eliminar el contenido almacenado anteriormente.
- Habilita las opciones «Mostrar fuente de la página» e «Inspeccionar elemento» en el menú contextual del botón derecho del ratón.
Te molestará ver que el menú de clic derecho no tiene las opciones para ver la fuente de la página o inspeccionar el elemento sin el menú de desarrollo. Sin embargo, al habilitar el menú de desarrollo, esas opciones volverán al menú contextual de clic derecho.
¿Cómo añadir el menú de desarrollo en el Mac Safari?
Sigue las siguientes instrucciones para añadir el menú de desarrollo en Safari Mac.
- Abre Safari y ve al menú «Safari> Preferencias…». También puedes presionar las teclas de atajo «Comando + ,» para abrir las preferencias de Safari.
Ir a Preferencias de Safari en macOS
- Desplázate a la pestaña «Avanzado» y activa la casilla de verificación «Mostrar el menú Desarrollo en la barra de menús».
Mostrar el menú Desarrollo en la barra de menús de Safari
- Ahora puedes ver que los navegadores de Safari tienen un nuevo elemento de menú «Desarrollar».
¿Qué puedes hacer con el menú de desarrollo?
Como se explicó anteriormente, el menú contextual del botón derecho del ratón cambiará después de habilitar el menú «Desarrollo». También hay un gran número de opciones para los desarrolladores.
Menú de desarrollo en Safari
A continuación se presentan algunas de las opciones notables:
- Abrir la página con – Abrir la página usando otro navegador instalado en tu Mac.
- Agente de Usuario – Cambiar el agente de usuario en el encabezado de HTTP para simular el servidor que está usando un navegador diferente, mientras que en realidad envía la solicitud desde Safari.
- Características experimentales – pruebe las características experimentales como Trabajadores de Servicio y API de pantalla completa que no están disponibles en el navegador normal.
- Entrar / Salir del modo de diseño de respuesta – comprobar la respuesta móvil de la página web.
- Mostrar editor de recortes – habilitar el editor de recortes para probar los widgets HTML y CSS.
- Mostrar Inspector Web / Consola JavaScript / Fuente de la página / Recursos de la página – estas son herramientas de desarrollo que ayudarán a analizar la página web.
- Iniciar / Detener la grabación de la línea de tiempo – grabar las solicitudes de la red y las líneas de tiempo de renderizado de la página web en la herramienta de Inspector Web.
- Cachés vacíos – limpiar el caché del safari para cargar el contenido de la página desde el servidor.
- Deshabilitar imágenes – eliminar todas las imágenes de una página y cómo el texto alternativo en su lugar. Esto es útil para comprobar si su página web tiene el texto alternativo correcto para todas las imágenes.
- Deshabilitar Estilos / JavaScript / Extensiones – puedes usar estas opciones para solucionar problemas en una página web.