En el sitio de descarga de extensiones para el navegador Chrome han hecho un listado de extensiones para desarroladores web, y me ha sorprendido la cantidad de herramientas que se pueden agregar al Chrome para diseñar mejores sitios web, las extensiones son las siguientes.
-
SpeedTracer
Mide el rendimiento y velocidad de una página web.
-
Pendule
Herramientas de desarrollo web para Chrome.
-
Resolution Test
Una extensión para los desarrolladores que deseen probar las páginas web en diferentes resoluciones de pantalla, con la opción de definir sus propias resoluciones.
-
Measureit!
Saca una regla que te ayudará a obtener el ancho y alto en píxeles de cualquier elemento en una página web.
-
Chrome Sniffer
Detecta Frameworks y librerías que usan los sitios web.
-
XML Tree
Muestra los datos XML en un modo fácil de entender.
-
BuiltWith Technology Profiler
Detecta con que tecnologías están construidos los sitios web que estás visitando.
-
View Selection Source
Puedes ver el código fuente de la sección de la página que tienes seleccionada.
-
JavaScript Tester
Extensión para todos los desarrolladores de JavaScript que deseen ejecutar y probar el rendimiento del código JavaScript.
-
CSS Reloader
Te permite recargar todos los CSS de cualquier sitio sin que haya que volver a cargar la página en sí.
-
Web developer
Agrega un botón de barra de herramientas con diferentes herramientas para programadores web.
-
CSS Viewer
Un simple visor de las propiedades CSS.
-
JSonView
Puedes ver los documentos JSON en el navegador.
-
CSS Scan
Ofrece una visión general rápida de las propiedades CSS al pasar el cursor del Mouse sobre el elemento.
-
Chrome Editor
Edición de HTML fácilmente, justo dentro de su navegador.
-
Multiswitch
Cambiar entre el desarrollo, prueba y aplicación productiva.
-
Regular Expression Checker
Simple probador de expresiones regulares.
-
PHP Documentation
Documentación PHP, la documentación oficial para programadores de PHP.
-
jsshel
Interactúa con Javascript, jQuery y jLinq
-
Window Resizer
Redimensiona la ventana del navegador para emular varias resoluciones de pantalla.
-
Aviary Screen Capture
Toma una captura de pantalla de cualquier página web y editar directamente en el navegador con aplicaciones Aviary.com.
-
Eye Dropper
Gotero selector de color que te permite elegir el color de cualquier página web o del selector de color avanzado.
-
Instant Image Editor
Modificar cualquier imagen o imagen de fondo al instante.
-
Lorem Ipsum Generator
Crea texto de relleno al azar.
-
Plain Clothes
Quita los estilos de las páginas.
-
Validity
Haz clic en el icono en la barra de direcciones o presione Ctrl + Alt + V para validar la página actual.
-
Inline Code Finder
Encuentra los elementos HTML con eventos JavaScript en línea, en línea y estilo javascript: enlaces
-
Picnik
Toma capturas de páginas web y edita las imágenes directamente en tu navegador con Picnik
Ver más en Web Dev Extensions.