Con Google Chrome disponible para los principales SO Windows, Linux y Mac, se presenta como una gran alternativa a Internet Explorer y Safari, y ahora con el soporte para extensiones tambien disponible para todas las plataformas, es tambien una alternativa real para Firefox.
Ahora, la principal razón para usar Firefox para desarrollar es Firebug. Y aunque ya hay una extensión de Firebug para Google Chrome, sigue sin tener todo lo que su homonimo de Firefox tiene.
Hace algunos años los desarrolladores de Webkit se dieron cuenta de esto y fue cuando sacaron unas conjunto de herramientas similares que llamaron “Herramientas para Desarrolladores”. La ventaja de estas herramientas es que ya vienen incluidas en Google Chrome, por lo que para accesar a ellas solo hay que hacer lo siguiente:
Windows/Linux: Click en el icono de la pagina > Opciones para Desarrolladores > Herramientas del desarrollador
Mac: Menu Ver > Opciones para Desarrolladores > Herramientas para desarrolladores
Estas “Herramientas para Desarrolladores” incluyen:
Consola de Javascript [Console]
La consola de Javascript muestra errores de una manera sencilla de entender, también nos permite probar lineas de Javascript, también nos permite registrar los valores de variables y lo tiempos de ejecución.
Panel de Elementos [Elements]
Esta fantastica herramienta nos permite ver el código HTML y editarlo, al igual que el CSS.
Recursos [Resources]
Finalmente esta herramienta nos permite ver los tiempos de carga de todos los elementos de un sitio, desde las imagenes hasta los scripts. También nos presenta una gráfica en la que nos muestra cuanto tiempo tardo en descargar cada componente, una gráfica en la que nos muestra el tamaño, nos permite ordenarlos por nombre, tamaño, etc. Es excelente para saber que imagenes se tienen que reducir el tamaño para optimizar su carga.
Extensiones
Como mencioné anteriormente, lo que hace de Google Chrome una alternativa real para Firefox son las extensiones. Así que veamos algunas que nos puedan ayudar a mejorar la experiencia de desarrollo web.
Speed Tracer
Speed Tracer es una herramienta para ayudar a identificar problemas de rendimiento en los sitios web. Muestra exactamente como se usa el tiempo al cargar los elementos, para ayudar a optimizar la carga del sitio.
Pendule
Pendule es el sustituto perfecto para Web Developer de Firefox. Incluye casi todas las opciones de esa extensión, mas algunas otras que le agregó el desarrollador.
Resolution Test
Resolution Test nos permite redimensionar la ventana de Google Chrome para probar como se vería nuestro sitio web con distintas resoluciones.
Webpage Screenshot
Cuando necesitamos hacer una captura de pantalla, pero necesitamos que salga completo, Webpage Screenshot nos ayuda en esa tarea con solo dar un click en el boton de la extensión.
Chrome Sniffer
Esta ya la había mencionado anteriormente, nos muestra como hicieron un sitio web en particular. Ya sea hayan usado un CMS, o hayan usado alguna otra herramienta para su desarrollo. Por ejemplo, en mi blog marca que uso WordPress y jQuery.
Espero que esta pequeña reseña haga que mas y mas personas se decidan a pasarse a Google Chrome y dejen de hacerle cara de asco a este excelente navegador.
Fuente: Why Web Developers Should Switch to Google Chrome