Safari con firebug de serie

Desde la versión 3.x, el navegador Safari incluye una opción para mostrar información a los desarrolladores web al estil Firebug, pero el cómo activarla no es fácil de averiguar: En Mac se debe abrir un Terminal (está en Utilidades) y ejecutar la siguiente línea de comando con Safari cerrado:

defaults write com.apple.Safari IncludeDebugMenu 1

Después se inicia Safari y aparece ya el menú Desarrollo, en el que encontraremos opciones muy interesantes. Imagen_5_1.png

Entre las más útiles está el Inspector Web, que se puede ejecutar tanto desde el menú Desarrollo como desde el menú contextual (botón derecho) de un elemento de la web y que nos permite ver el detalle del código HTML y los estilos CSS aplicados:

Imagen_7_1.png

Pero también es posible ver los tiempos de carga de los elementos de la página, debugar Javascript, desactivar la caché del navegador, las imágenes... y muchas otras funcionalidades. Imagen_8_1.png

Para desactivarlo, simplemente hay que ejecutar la misma sentencia de antes pero con un 0:

defaults write com.apple.Safari IncludeDebugMenu 0

En Windows es un poquito más complicado activar el Debug, es necesario encontrar el fichero WebKitPreferences (sin extensión) en la instalación de Safari, normalmente en C:\Documents and Settings\USUARIO\Application Data\Apple Computer\Safari\WebKitPreferences (donde USUARIO es el usuario con el que nos identificamos en Sistema Operativo) y añadirle este código después del tag </dict>:

<key>WebKitDeveloperExtras</key> <true></true>

Existe una última opción para Mac, el Safari Enhacer, un programa que extiende Safari y activa el menú de Debug entre otras muchas funcionalidades. Fuentes: Macosxhints y Mac Developer Tips.

Comentarios

Gracias Pedro, me has librado de tener que comprarme un Mac, por cierto en el iphone/ipod también trae el deburger como este?

Yo he conseguido activar uno mucho más básico.

Oskar

Desconozco si el iphone o el ipod tienen debuger, mi ipod shuffle no tiene ni pantalla ;)

Muchas gracias Pedro.

Al fin puedo "debugar" para los usuarios de Safari. Antes me pegaba sustos en las presentaciones si venían con un MAC.

Ostras, lo siento pero he encontrado una fórmula mucho más sencilla:
http://stackoverflow.com/questions/3648866/firebug-like-plugin-for-safar...

Activar el modo desarrollo desde preferencias, supongo que es sólo para las versiones más recientes de Safari.

Añadir nuevo comentario