Safari es el navegador web de Apple, disponible tanto en OS X como en iOS. Ha sufrido muchos cambios en estos años, con continuas mejoras que lo convierten en un serio competidor para Firefox y Chrome. Fácil de usar y repleto de utilidades, cuenta con un menú medio oculto para usuarios avanzados: el menú Desarrollo.

El menú Desarrollo no es nuevo de la última versión de Safari. Ya estaba disponible en versiones anteriores, con sus funciones repartidas en otros menús y opciones de configuración. Además, los desarrolladores tenían acceso a él en las versiones previas al público. Actualmente, el menú Desarrollo permanece oculto a no ser que lo actives desde Preferencias… > Avanzado, marcando la opción “Mostrar el menú Desarrollo en la barra de menús”.

¿Y para qué quiero este menú? Quienes cuentan con su propia página web o proyecto online tienen en el menú Desarrollo un aliado para comprobar el funcionamiento del site, ver el código fuente, ver el aspecto del diseño en distintos navegadores y otras muchas opciones. Veamos las más importantes.

Agente de usuario: el User Agent o Agente de usuario es el identificador del navegador, que le dice a una página web qué sistema operativo y navegador utiliza un usuario. Puede ser útil a nivel estadístico, pero lo es sobre todo para determinadas páginas que adaptan su contenido en función del navegador, algo muy común hoy en día en el caso de tabletas y teléfonos móviles. Como cada navegador utiliza su propio motor y tecnología, es posible que un site funcione diferente en cada uno, así que con esta función puedes comprobarlo. Por defecto ofrece Safari (para Mac y para iPhone/iPad), Internet Explorer, Google Chrome y Firefox (Mac y Windows en ambos casos). Además, puedes crear tu propio User Agent desde la opción Otro...

alt text

Mostrar inspector web: imprescindible para ver los entresijos de una página web. Se activará un panel en el margen inferior de Safari mostrándote los archivos y carpetas que forman la página para que veas el código fuente, las imágenes y demás elementos. Además, podrás guardar esos archivos en tu Mac. Si sólo quieres ver los archivos, te bastará con activar “Mostrar recursos de la página”.

Mostrar consola de errores: Frames bloqueados, elementos CSS rotos o mal escritos, enlaces rotos… La consola de errores te chiva los errores que hay en la página.

Mostrar código fuente de la página: más simple que el inspector web, muestra el código fuente de la página en la que te encuentras.

alt text

Otras opciones interesantes del menú Desarrollo de Safari son "Vaciar memorias caché…” y “Desactivar cachés”. Con la primera, borrarás los archivos de páginas web que has visitado y que se almacenan en tu Mac para facilitar la carga posterior. En el segundo caso, estos archivos no se guardarán en futuras visitas.

Para simplificar la navegación, para ahorrar tiempo de carga o para realizar experimentos con tu página, Safari ofrece la posibilidad de desactivar imágenes, estilos, JavaScript, alteraciones y restricciones.

Es posible que este menú se quede corto para los usuarios más exigentes, pero para la mayoría, las funciones que incorpora el menú Desarrollo de Safari les serán de gran utilidad para todo lo que hemos comentado. Pruébalo y verás.