Contenido

WebKit integrá un nuevo inspector Web

22 Jun

+ 10

WebKit, el Firebug para Safari, anuncia que integrará una nueva herramienta para ayudarnos a desarrollar nuestras webs, un Inspector Web. Al igual que Firebug integra un sistema de medición de respuesta de las peticiones que hace el servidor, WebKit integrará un sistema similar, mucho mejor estéticamente, que ya podemos ver en las ultimas versiones.

newinspector.png

Como podemos ver el diseño está muy cuidado y es bastante intuitivo, muy similar al del tamaño de los datos de nuestro iPod en iTunes, siendo el color azul destinado a mostrarnos el tamaño en KB de nuestros documentos, en verde las hojas de estilos, lila las imagenes y naranja nuestro código Javascript.

Además de este inspector en las versiones más nuevas podemos disfrutar de las siguientes mejoras:

  • Interface completamente rediseñada
  • Trabaja con cualquier visor de webs, no solo con Safari (Interesante!)
  • Muestra todos los elementos de una página ordenado por categorías
  • Busqueda global por todo el texto de los elements
  • Consola para mostrar los errores y warnings de javascript en vivo.
  • El panel de Red muestra el tiempo de carga de las peticiones HTTP y las respuestas
  • Tamaño de los elementos de la web y tiempo de carga de cada uno de ellos en el panel de network
  • Código HTML coloreado.
  • Gestor de reporte de errores en javascript inline JavaScript y HTML.

Descargar]

  • A quien no lo haya probado: Funciona en Windows y en Mac y es maravilloso. Casi orgasmico.

    Todos los navegadores deberían tener una herramienta similar. Esto cubre con creces Firebug en Firefox y deja a IE de Windows en la nada envidiable situacion de ser el peor navegador que ademas tiene las peores herramientas de analisis y diagnostico.

  • Algo gracioso que tiene el inspector es que está internamente hecho en html, por lo que puedes usar el inspector para ver como está hecho el inspector.

    Aún mas extraño es agarrar aplicaciones que tienen programación web como parte del interfaz (NewsFireX, Coda, etc.) e inspeccionarlas.

  • Webkit no tiene nada que ver con Firebug. Webkit es el motor de renderizado de HTML/CSS de MacOSX, usado en Safari, Mail, etc.

  • pero aparte de ver el código se puede editar al vuelo como en Firebug???

    lo pregunto ya que si es una experiencia casi orgásmica…

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.