Las 11 mejores extensiones de desarrollo web para Chrome

Al desarrollar un sitio web, debe hacer una lista de verificación de muchos requisitos complejos. Ya sea que se trate de esquemas de color o fuente, problemas de diseño CSS o capacidad de respuesta del sitio web en varios dispositivos, es importante estar al tanto de cualquier problema emergente. Las siguientes son algunas de las mejores extensiones de desarrollo web para Google Chrome (y otros navegadores basados ​​en Chromium).

1. Cuentagotas Color Pick

¿Te apetece la combinación de colores de una página web aleatoria y quieres utilizarla en tu propio proyecto? Una extensión de Chrome llamada Color Pick “Eyedropper” le permite extraer los colores con una precisión milimétrica y una función de zoom ajustable.

Extensiones como estas requieren permiso en todos los sitios web para realizar la extracción de color. Si desea funciones un poco más avanzadas, existe una herramienta similar llamada ColorZilla que viene con un generador de degradado, visor de paleta e historial de color.

2. Captura de pantalla de página completa con un clic

Hacer una captura de pantalla web de página completa es una necesidad del trabajo diario. A veces, la mejor manera de comunicar los cambios de diseño es capturar todo el sitio web tal como está. Con una extensión llamada ” Captura de pantalla de página completa con un clic “, puede lograrlo con precisión.

Mientras la captura de pantalla está en progreso, su imagen de desplazamiento finalizada se abrirá en una nueva ventana una vez completada.

La pantalla completa de la página web ahora está disponible para descargar en formato PNG. También puede aplicar una serie de efectos a la pantalla de la imagen, incluidos filtros, dibujar en la página web, agregar texto y más.

3. EditThisCookie

Los desarrolladores web necesitan acceso a administradores de cookies para agregar, eliminar, editar, proteger y bloquear cookies. EditThisCookie es una extensión útil que le permite trabajar con cookies como desee y exportarlas o importarlas en formato JSON. Esto le ayuda a mantener el sitio web saludable eliminando las cookies antiguas y limitando la fecha máxima de extracción de cualquier cookie.

4. ModHeader

ModHeader es una de las extensiones de Chrome más populares para modificar los encabezados HTTP de las páginas web. Con solo uno o dos clics, puede habilitar la modificación del encabezado según la URL o el tipo de recurso. La mejor parte es que puede crear varios perfiles y agregar diferentes valores a los encabezados modificados. Todas las modificaciones pueden estar restringidas a una sola pestaña o un sitio completo.

5. Comprobación de UX

Todos necesitamos una evaluación heurística del sitio web en ejecución de vez en cuando. Esto se simplifica con UX Check , una extensión que muestra todos los comentarios relacionados con UX en un panel lateral. Después de hacer clic en un elemento que no coincide con una heurística evaluada por usted, puede agregar notas y tomar capturas de pantalla. Finalmente, todos los cambios se pueden exportar en formato .docx.

6. Cambiar el tamaño de la ventana

Los desarrolladores web necesitan emular sus páginas web para diferentes dimensiones de pantalla. Con Window Resizer , puede realizar estas evaluaciones fácilmente para computadoras portátiles, tabletas, teléfonos inteligentes y cualquier dimensión de pantalla que elija.

La herramienta tiene algunas características interesantes como “Rotar” y “Medición en vivo”, junto con un montón de funciones de personalización visual. Si desea crear un sitio web verdaderamente receptivo, asegúrese de haber verificado su apariencia para todas las dimensiones de la pantalla.

7. Generador Lorem Ipsum

Para terminar rápidamente el trabajo en una página web, necesita el texto predeterminado. Una extensión llamada Lorem Ipsum Generator ofrece múltiples opciones de texto predeterminadas de diferentes párrafos y oraciones por párrafo. Puede seleccionar fragmentos de texto o texto completo mediante la opción “Selección automática”. La plantilla final da un aspecto elegante debido a las posibilidades de variación en el texto.

8. BuiltWith Technology Profiler

BuiltWith es una extensión clásica para conocer todas las tecnologías subyacentes que respaldan un sitio web. Con solo un clic, crea un perfil que lo ayuda a conocer los últimos complementos e instrumentos que hacen que el sitio web se destaque mejor. Esto le ayuda a replicar sus funcionalidades para su propio uso.

9. WhatFont

WhatFont es una de las formas más rápidas y fáciles de identificar diferentes tipos de fuentes en una página web. Solo necesita colocar el cursor cerca del texto para obtener los detalles completos. Es compatible con plantillas avanzadas como TypeKit y Google FontAPI.

10. CheckMyLinks

A veces necesitamos un resumen objetivo de todos los enlaces a un sitio web. CheckMyLinks es una extensión popular para resumir enlaces válidos, inválidos y rotos. Los resultados del enlace para cualquier sitio web en ejecución se ven inmediatamente en un panel lateral. Esta herramienta es extremadamente útil para verificaciones al azar de último minuto antes de que su sitio web o los cambios publicados se activen.

11. Plaguicida

¿Anticipa problemas de diseño CSS en su sitio web? El pesticida le permite depurar estos problemas proporcionando un esquema a cada elemento de la página. Al mantener presionada la Ctrltecla, puede ver la información del elemento y analizar la ubicación del elemento en la página.

Hay muchas otras extensiones web populares que administran detalles cruciales en aplicaciones de sitios web. Por ejemplo, JSON Viewer ayuda a quienes trabajan con archivos JSON. Hay un generador de árbol HTML que proporciona un árbol de todos los elementos de un sitio web.

Aparte de lo anterior, también hay muchas extensiones de Chrome para mejorar su velocidad de navegación . ¡Échales un vistazo!

Relacionado:

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario