La mayoría de los desarrolladores web utilizan Chrome para su desarrollo. Según Wikipedia, aproximadamente el 65% de la población mundial parece usar Chrome, esta es una de las razones por las que los desarrolladores eligen Chrome para probar una aplicación creada por ellos.

Por tanto, si eres un desarrollador que utiliza el navegador Chrome, tienes infinitas de extensiones de Chrome que te facilitarán el trabajo de tu día a día.

A continuación, vas a encontrar 10 de las mejores extensiones para Chrome, si eres desarrollador front end.

1. Colorzilla

Colorzilla proporciona un selector de color junto con otras características, como un generador de gradientes, un analizador de código de página web y todo lo que necesitas para trabajar con los colores de una página web. La extensión, también está disponible para Firefox.

🔥 Probar ColorZilla

2. Visor de CSS

Esta herramienta muestra todas las propiedades CSS asociadas con el elemento sobre el que pasemos el cursor. Mediante un panel flotante, se te mostrarán todos los detalles, como la fuente tipográfica, los colores, el posicionamiento, etc. además, te permite copiar el CSS fácilmente.

🔥 Probar CSS Viewer

3. WhatFont

WhatFont es la forma más sencilla de averiguar que fuente tipográfica se utiliza en una página web. Cuando seleccionas la extensión, moviendo el cursor sobre un texto concreto, se mostrará la fuente del texto.

🔥 Probar What Font

4. Borrar caché

Clear Cache es una extensión con la que podremos borrar la cache con tan solamente un Clic. Servirá pulsar sobre el botón de la extensión, para que se borren todos los datos de la caché y el resto de información almacenada de forma temporal dentro del navegador. Con esta extensión, puedes olvidarte de tener que ir a la configuración del navegador para realizar el borrado de datos temporales.

🔥 Probar Clear Cache

5. JSONView

JSONView validar y te permite ejecutar y ver la ejecución de los documentos JSON application/json. A veces, los ficheros .JSON son complicados de visualizar a través del DOM y aquí es donde JSONView te será útil.

🔥 Probar JSONView

6. React para Desarrolladores

Si eres un desarrollador React, la siguiente extensión te será imprescindible. Con React for Developers vas a poder inspeccionar la jerarquía de los componentes, accesorios y estados de React, también te ayudará a cambiar accesorios y estados con el propósito de realizar depuraciones.

🔥 Probar React Developer Tools

7. Ember Inspector

Ember Inspector es una herramienta que se puede utilizar para depurar aplicaciones Ember. Ember Inspector te muestra las rutas, modelos, componentes y todos los demás elementos de Ember presentes en una aplicación de Ember.

🔥 Probar Ember Inspector

8. Web Developer

Web Developer hace la vida de un programador o diseñador más fácil. Ayudándote a manipular las imágenes, cambiar los diseños de página, implementar reglas, alinear los elementos, etc.

🔥 Probar Web Developer

9. Auditoría de jQuery

jQuery Audit crea una barra lateral que contiene los eventos delegados de jQuery, datos internos y más, como nodos, funciones y objetos DOM en vivo. Se utiliza para auditar los eventos delegados, los datos y todo lo relacionado con jQuery.

🔥 Probar jQuery Audit

10. Inspector de Meta SEO

El Inspector SEO se utiliza para encontrar los metadatos presentes dentro de una página, lo que normalmente no está disponible durante la navegación. Los metadatos no son solo las metaetiquetas HTML habituales, sino que también las etiquetas XFN, los microformatos, el atributo canónico introducido, los enlaces nofollow, etc.

🔥 Probar Meta SEO Inspector

Relacionados

▷ Las 7 mejores extensiones de Google Chrome 2021

▷ 6 Extensiones de Chrome que te harán ahorrar tiempo

🛒 Los Mejores Chollos de Amazon, ¡Agrégalos a tu Lista de Deseos!

10 extensiones de Chrome imprescindibles para Desarrolladores Front-End 2021