Por fin el navegador de Google, Chrome para Mac OSX tiene entre sus filas a Firebug, la estrella de las extensiones para Firefox, así que para celebrar su llegada te presentamos nuestras extensiones favoritas de Chrome para diseñadores y desarrolladores web
El navegador. Google Chrome
Ligero, estable, muy rápido y amigable… Un navegador web más que interesante. Se puede descargar gratis desde la página de Google:
Descargar gratis Google Chrome
Una vez instalado el navegador basta descargar los complementos para instalarlos automáticamente.
Firebug
El rey. Una pequeña maravilla de Firefox, ahora en Chrome (aunque de manera más limitada).
Firebug es prácticamente imprescindible para los que nos dedicamos al desarrollado y diseño web, e incluso para los que simplemente quieran cotillear un poco cómo están hechas las páginas o quieran jugar a modificarlas un poco. Es del estilo del inspector de Safari o el DragonFly de Opera.
El complemento permite aplicar cambios en tiempo real sobre una página para ver qué sucede. Evidentemente los cambios no se aplican realmente pero sí permite ver qué pasaria si hacemos determinada modificación o simplemente trastear un poco mediante método prueba-error.
Ayuda a localizar problemas en la programación, aplicar cambios de diseño, localizar enlaces rotos y un largo etc de virtudes mucho más grande de lo que a primera vista la aplicación parece presentar.
El funcionamiento es sencillo. Se instala la extensión y pulsas F12 o haces click en el bicho mientras visitas una página. Con “inspect” o directamente en el código (según solapas) eliges la parte que quieres editar y aunque el funcionamiento del complemento es aún bastante más limitado que en Firefox, es ya perfectamente funcional.
Descargar el complemento Firebug para Google Chrome
Chrome SEO
Te permitirá analizar las páginas indexadas, los enlaces, el ranking en sitios populares como Alexa, aparición en favoritos online del tipo delicious o MisterWong, etc. Un complemento imprescindible y espectacularmente útil para el tema de posicionamiento de páginas.
Descargar complemento Chrome SEO
Window Resizer
Para probar tu página a distintas resoluciones directamente desde Chrome. Ahora que cada vez hay más dispositivos y diversidad de máquinas conviene probar el aspecto de nuestras páginas en varias resoluciones de pantalla. Gracias a este complemento podemos ir creando “pantallas” predeterminadas tipo “ipad”, “móvil”, etc.
Speed Tracer
Permite identificar qué componentes de una página ralentizan su funcionamiento y optimizar sus tiempos de carga. Javascript, css, peticiones, etc. Es tipo YSlow de Firefox, aunque algo más complicado y detallista en ciertos aspectos.
Para poder usarlo hay que descargar una aplicación especial de chrome: Descargar bootstrap application y con ella el complemento siguiente funcionará:
Color Picker Eye Dropper
Como indica su nombre, permite saber qué color muestra la pantalla en un momento dado. Muy útil para igualar colores en los diseños, modificar css con criterio, etc.
la interface es sencilla pero más que práctica.
Descargar extension Color Picker
Capturan pantalla y permiten editarla
Del estilo de Fireshot de Firefox, estos dos complementos permiten hacer capturas de pantalla de una web y añadir cambios.
Chrome Sniffer
Permite detectar las librerias de JavaScript, frameworks, etc que usa una determinada página. Aparece un icono en el lado derecho de la barra de URL y al hacer click vemos si usa JQuery, WordPress, etc.
Te llevarás más de una sorpresa con algunos sitios…
https://chrome.google.com/extensions/detail/homgcnaoacgigpkkljjjekpignblkeae
Generador de Lorem Ipsums
Te servirá para diseñar plantillas. Yo uso textExpander pero es un modo igualmente rápido para copiar-pegar texto simulado.
Descargar el generador de textos simulados
MeasureIt
Una regla en pantalla. Ideal para saber rapidamente las medidas de una imagen, un espacio, una imagen… Como curiosidad decir que en la página de extensiones de Google Chrome no funciona, pero en el resto lo hace estupendamente y puede ser una gran compañera.
Validity
Validador de HTML en tiempo real. Añade a la derecha de la URL un ok o una exclamación.
Descargar complemento Validity
META SEO inspector
Hace y muestra un chequeo completo de las metatags de una página y además decenas de elementos útiles para SEO. Es el complemento ideal junto a Chrome SEO en temas de posicionamiento.
Descargar META SEO inspector
Technorati Tags: diseño-web
Gran artículo… ¡me ha encantado!
Acabo de adquirir el “nuevo” iMac 27″ y estaba acostumbrado a Google Chrome en Windows, así que lo he descargado al ver éste artículo.
Personalmente lo recomiendo a cualquiera que quiera un navegador fiable y seguro. Es un gran navegador.
¡Saludos!
Vaya, acabamos de comprar el mismo equipo
Efectivamente Chrome está bastante bien en mac y conviene probarlo. Firefox está muy bien pero con las extensiones en mac es un poco inestable.
have you seen SEO Site Tools its is very feature rich and does social media reactions aswell… itd be nice if you added to the list
thanks for any feedback
Wow, thanks for the info, I didn´t know this extension when I wrote the post (Chrome was news for mac then) but it looks just great, I am going to test it.
Yo tengo un MacBook y con Chrome me pasa lo mismo que con Safari, no consigo a usar el certificado digital para hacer gestiones por internet, sin embargo con Firefox sin problemas
Felicidades por el artículo. Para analizar SEO os recomiendo combinar Chrome SEO son Speed Tracer, la velocidad de carga influye cada vez más tanto en el SEO como en el SEA.
Orale me parecen excelentes y la verdad apollo mucho a Google, ya que sus productos los tiende a hacerlos libres
Me parece magistral.. muchas gracias por facilitarlo, y muchas gracias de nuevo a Google y a sus productos.