Safari para desarrolladores: el inspector de elementos

Para todos los que nos dedicamos al desarrollo web, es básico contar con inspectores que nos permitan evaluar los diferentes elementos de la web y agilizar así la solución de bugs. En Firefox existen diversos plugins que nos permiten ver diferente información (firegub, web developer...) y por eso Firefox acostumbra a ser el navegador favorito de los desarrolladores. El truquito que hoy traigo nos permite habilitar un inspector de elementos en safari que nos da información detallada de los css, codigo, y todos los elementos que componen una web. Es necesario tener la ultima versión de Safari que viene incluida en Mac Os X Leopard y basta con ir al terminal y ejecutar esta línea:

defaults write com.apple.Safari WebKitDeveloperExtras -bool true 

Despues de esto, si reiniciamos Safari, veremos que al hacer clic en el botón derecho habrá un nuevo comando: "inspeccionar elemento".  Esto abrirá una ventana con mucha información que facilitará la vida a programadores y webmasters.