Clicky

Útiles extensiones de Chrome para desarrolladores

Navegador Chrome

Incorporando herramientas de Chrome DevTools es fácil inspeccionar cualquier sitio web

Sin duda, Google Chrome es el mejor navegador, pero es aún mejor para el desarrollo web. Incorporando herramientas de Chrome DevTools es fácil inspeccionar cualquier sitio web. Para añadir más características de desarrollo web para Chrome, he compilado una lista de extensiones de Chrome útiles para el Desarrollo Web.

Web Developer

web developer

Añade un botón en la barra de herramientas con varias herramientas de desarrollo web. Es la extensión oficial Web Developer para Firefox.

Tape

Tape

Tape es una herramienta para el desarrollo de sitios web pixel-perfect. Permite anotar guías que se acoplan de forma inteligente con el contenido de la página (y se adhieren a ella si se mueve el desplazamiento o cambia el tamaño), y ayuda a medir fácilmente las posiciones y tamaños de los elementos. Se verán bordes y el relleno, e incluso se ajustará a la línea de base del texto. Hay ayuda en pantalla, capacidad de mostrar la columna definida por el usuario y las redes de fila, un sistema incorporado en la lupa mide el píxel perfecto, y todas las guías se pueden activar y apagar rápidamente con sólo pulsar una tecla.

WhatFont

What Font

¿Cuál es la manera más fácil de descubrir las fuentes utilizadas en una página web? Firebug y Webkit Inspector son lo suficientemente fáciles de usar para los desarrolladores. Sin embargo, para otros, esto no debería ser necesario. Con esta extensión, puedes inspeccionar las fuentes web sólo situándote sobre ellas. Es así de simple y elegante.

Ruul. Screen Ruler

Ruul. Screen Ruler

Un increíblemente sencilla regla en pantalla para alinear y medir el tipo, la altura de la línea, los saltos y casi cualquier cosa en la web.

Image Downloader

Image Downloader

Ver todas las imágenes que se muestran o vinculan en una página web y descargarlas.

Awesome Screenshot

Awesome Screenshot

Captura toda la página o una parte, anota con rectángulos, círculos, flechas, líneas y texto, desenfoca la información sensible, con un solo clic.

Evernote Web Clipper

Evernote

Utiliza la extensión de Evernote para guardar las cosas que se ven en la web en tu cuenta de Evernote. Incluso te permite buscar a través de tus notas.

PageSpeed Insights (de Google)

Page Speed

PageSpeed Insights analiza el rendimiento de tus páginas web y ofrece sugerencias para que sean más rápidas.

Responsive Inspector

Responsive Inspector

Responsive Inspector permite inspeccionar consultas de páginas de los medios.

YSlow

Yslow

YSlow analiza las páginas web y sugiere formas de mejorar su rendimiento sobre la base de un conjunto de reglas de las páginas web de alto rendimiento. Los grados de página web YSlow se basas en uno de los tres conjuntos de reglas predefinidas o conjunto de reglas definidas por el usuario. Ofrece sugerencias para mejorar el rendimiento de la página, resume los componentes de la página, muestra la información sobre la página.

User-Agent Switcher para Chrome

User-Agent Switcher

Cadenas Spoofs & Mimics User-Agent. Con esta extensión, puedes cambiar rápida y fácilmente entre las cadenas user-agent. Además, se puede configurar las direcciones URL específicas que deseas suplantar.

Speed Tracer (de Google)

Speed Tracer

Speed Tracer es una herramienta para ayudar a identificar y corregir problemas de rendimiento en las aplicaciones web. Visualiza parámetros que se toman de puntos de instrumentación de bajo nivel dentro del navegador y los analiza.

RescueTime para Google Chrome

RescueTime

Mantén un registro del tiempo que pasas en tu navegador, y obtener una imagen clara de lo que has hecho todo el día.

Jesus_Caceres