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.
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.
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.
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.
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.
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.
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.
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.
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.