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.

2 comentarios, participa en la conversación

  • 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 ;)

  • Comentar

    CAPTCHA
    Esta pregunta sirve para distinguir si eres un humano o un spambot.
    1 + 8 =
    Resuelve esta operación e introduce el resultado, por ejemplo, para 1+3, introduce 4