Extensiones de Chrome que utilizo como desarrollador web

Extensiones propias y de terceros que pueden facilitarte el trabajo con WordPress, APIs, CSS, CORS, SEO, GA4 y debugging.

Revisado
Compatibilidad
Google Chrome; extensiones propias y de terceros
Lectura
9 min
Autor
Gabriel — infinit8

Las extensiones pueden hacerte la vida mucho más fácil: convierten tareas repetitivas de varios pasos en una acción inmediata y mantienen a mano herramientas que utilizas todos los días. Chrome deja de ser solo el lugar donde compruebas una web y pasa a formar parte de tu entorno de desarrollo para inspeccionar CSS, leer JSON, probar interfaces, revisar SEO o impedir que tus propias visitas ensucien los informes de Analytics.

La clave está en no pasarte. Cada extensión añade permisos, consumo de recursos, posibles incompatibilidades y otra pieza que debes mantener actualizada. Instala solo las que resuelvan una necesidad real y frecuente, revisa sus permisos y elimina las que ya no utilizas. Una barra llena de extensiones no mejora tu flujo de trabajo; una selección pequeña y bien elegida, sí.

El navegador también es parte del entorno de desarrollo

En un mismo día puedes pasar del administrador de WordPress a una API REST, revisar una tienda PrestaShop, comparar una interfaz responsive y comprobar qué está enviando Analytics. DevTools sigue siendo la herramienta central, pero una extensión bien elegida te ahorra pasos cuando repites la misma operación muchas veces.

No necesitas llenar la barra de herramientas. Procura que cada extensión tenga un propósito reconocible dentro de tu flujo de trabajo y que el tiempo que te ahorra compense el acceso que solicita y el mantenimiento que añade.

Por qué algunas extensiones las desarrollo yo

Cuando el problema es pequeño, una herramienta generalista puede aportar más opciones de las que necesito. Crear una extensión propia me permite limitar el alcance, decidir cuándo se ejecuta, entender el código y solicitar únicamente los permisos que requiere esa tarea.

No significa que las extensiones de terceros sean inseguras. Muchas son excelentes y las utilizo a diario. Es una cuestión de proporción: si solo quiero cerrar todos los bloques de ACF o activar una acción concreta desde el icono, una solución pequeña puede ser más fácil de comprender y mantener.

Las extensiones que he creado para mi trabajo diario

Estas utilidades nacen de fricciones reales en proyectos y comparten la identidad visual de mis herramientas propias.

Logo de Gabriel Rese para ACF Close All

ACF Close All

Propia

Añade una acción para cerrar de golpe los bloques de ACF Flexible Content dentro del administrador de WordPress. En páginas con muchos componentes evita una cantidad absurda de scroll y deja ver mejor la estructura del contenido.

Logo de Gabriel Rese para Captura Página Completa

Captura Página Completa (JPG)

Propia

Recorre la página mediante scroll y genera una única captura descargable en JPG. La uso para documentar trabajos, conservar referencias, revisar diseños completos y comparar cambios entre versiones.

Logo de Gabriel Rese para Favoritos Finder

Favoritos Finder

Propia

Convierte una colección grande de favoritos en una interfaz de trabajo a pantalla completa. La versión actual permite buscar, detectar duplicados, eliminar, organizar y comprobar enlaces acumulados entre documentación, servicios y proyectos.

Logo de Gabriel Rese para Font Changer Artesano

Font Changer Artesano

Propia

Me ayuda a modificar o probar tipografías rápidamente sobre una página. Esta extensión esta pensada para la página oficial de la Seguridad Social, que no se entiende la tipografia, pero se puede usar en cualquier otra página.

Logo de Gabriel Rese para Localhost Credentials

Localhost Credentials

Propia

Guarda y autocompleta credenciales de proyectos que funcionan en localhost, identificándolas por proyecto o dominio local. Agiliza el cambio entre instalaciones de WordPress, PrestaShop y otras aplicaciones de prueba, y separa esas cuentas de desarrollo de la navegación habitual.

Logo de Gabriel Rese para Modo Oscuro Toggle

Modo Oscuro Toggle

Propia

Activa o desactiva un modo oscuro al pulsar directamente el icono de la extensión. Una función concreta, accesible con un gesto y sin una interfaz innecesaria.

Logo de Gabriel Rese para Cross Domain CORS

Cross Domain / CORS

Propia

La utilizo en escenarios controlados para comprobar llamadas entre dominios, APIs o recursos con restricciones CORS. Solo tiene sentido en desarrollo y pruebas: desactivar la comprobación del navegador no corrige la configuración que debe existir en producción.

Complemento de inhabilitación de Google Analytics: evita contar tus propias visitas

Este es uno de los complementos más importantes si administras, desarrollas o actualizas sitios que utilizan Google Analytics 4. El Complemento de inhabilitación para navegadores de Google Analytics, desarrollado por Google, indica al JavaScript de Analytics que no envíe información desde tu navegador. De este modo, cuando visitas una web para revisar páginas, probar formularios, comprobar eventos o actualizar contenido, esas sesiones no terminan mezcladas con las visitas reales de tus usuarios.

Su ventaja principal es que la exclusión depende de tu navegador y no de tu dirección IP. Si configuras el tráfico interno de GA4 mediante una IP y tu proveedor te asigna una IP dinámica, un reinicio del router, un corte de luz o un cambio de red puede dejar obsoleta esa regla. Tendrías que averiguar la nueva IP, entrar en GA4 y actualizar la configuración. Con el complemento instalado y funcionando, no dependes de que tu IP doméstica permanezca siempre igual.

Esto resulta especialmente útil cuando trabajas a diario en tus propias webs: tus recargas, pruebas y recorridos pueden alterar usuarios, sesiones, páginas vistas, conversiones y rutas de navegación. Al impedir el envío desde tu navegador obtienes informes más limpios y representativos, sin tener que repetir toda la configuración cada vez que cambia tu conexión.

Icono del Complemento de inhabilitación para navegadores de Google Analytics

Complemento de inhabilitación para navegadores de Google Analytics

De Google · esencial

Instálalo en el navegador desde el que realizas tus tareas de administración y pruebas. Comprueba después su funcionamiento en los informes en tiempo real o con las herramientas de depuración de GA4. Ten presente que actúa en ese navegador concreto: si pruebas desde otro perfil, otro navegador, un móvil o el modo incógnito sin permitir la extensión, esas visitas podrían seguir enviándose.

Importante

El complemento evita el envío de datos a Google Analytics desde tu navegador, pero no bloquea necesariamente otras herramientas de medición ni sustituye una estrategia completa de tráfico interno para equipos con varios usuarios y dispositivos.

Herramientas de terceros que complementan mi navegador

Para tareas ya resueltas por buenas herramientas no tiene sentido construir otra versión. Estas extensiones cubren partes concretas de mi trabajo sin ser el centro del recurso.

Icono de CSS Peeper

CSS Peeper

Inspección rápida de propiedades CSS, dimensiones, colores y espaciados antes de profundizar en DevTools.

Icono de JSON Viewer Pro

JSON Viewer Pro

Hace legibles las respuestas de APIs REST, endpoints, integraciones y la REST API de WordPress.

Icono de WhatFont

WhatFont

Identifica rápidamente la tipografía utilizada en una interfaz durante análisis y trabajo frontend.

Icono de VisBug

VisBug

Permite inspeccionar visualmente alineaciones, dimensiones y espaciados directamente sobre la página.

Icono de Keywords Everywhere

Keywords Everywhere

Apoyo para investigar términos y hacer comprobaciones rápidas durante trabajos de contenido y SEO.

Icono del simulador de teléfono móvil

Simulador de teléfono móvil

Vista rápida bajo diferentes tamaños o modelos. No sustituye DevTools, dispositivos físicos ni pruebas reales.

Icono del Traductor de Google

Traductor de Google

Una ayuda directa para consultar documentación y recursos técnicos publicados en otros idiomas.

Icono de Google Docs sin conexión

Google Docs sin conexión

Mantiene disponibles documentos de trabajo cuando no hay conexión. Es una pieza práctica del entorno general.

Icono de ChatGPT

ChatGPT

Lo uso para consultas técnicas, documentación, revisión de código y contraste de posibles soluciones, siempre con verificación.

Icono de NoteGPT

NoteGPT

Sirve de apoyo para resumir vídeos y determinado material de aprendizaje antes de revisar las partes relevantes.

Permisos, alcance y criterio al instalar

Una extensión puede necesitar acceso a la pestaña activa, a determinados dominios, al almacenamiento del navegador o a APIs como navegación y favoritos. El permiso no es sospechoso por sí mismo, pero debe tener relación con lo que la herramienta promete hacer.

Antes de instalarla, revisa su función, sus permisos, su mantenimiento y si existe una alternativa más acotada. Conserva únicamente las extensiones que utilizas y desactiva las que solo necesitas de manera puntual. En mis propias extensiones aplico el mismo criterio mediante Manifest V3: declarar solo lo necesario y limitar el acceso a los sitios donde la función debe trabajar.

Pequeñas herramientas antes que grandes dependencias

Cerrar bloques de ACF, evitar temporalmente mis visitas de Analytics, recuperar un login de localhost o activar un modo oscuro son operaciones pequeñas. Si la fricción aparece todos los días, automatizarla tiene valor; si la solución cabe en una extensión mínima, no necesito convertirla en una plataforma.

Este enfoque también obliga a definir bien el problema. La extensión no nace porque la tecnología sea interesante, sino porque elimina un paso repetitivo y medible del trabajo.

Lo que estas extensiones dicen de mi forma de trabajar

Mi navegador conecta frontend y backend: CSS y tipografías, WordPress y ACF, APIs y JSON, CORS, Analytics, SEO técnico y mantenimiento. Las extensiones propias son una continuación natural de ese trabajo. Detecto una fricción, reduzco el problema a lo esencial y construyo una utilidad que pueda entender y mantener.

No todas las herramientas tienen que convertirse en un producto público. A veces su mejor resultado son los minutos que dejan de perderse cada semana.

Preguntas frecuentes

¿El complemento de inhabilitación evita que tenga que cambiar mi IP en GA4?

Para las visitas realizadas desde el navegador donde está instalado y funcionando, puedes evitar depender de una regla basada en tu IP. Esto es especialmente práctico si tienes una IP dinámica. Aun así, comprueba su funcionamiento y conserva una configuración específica de tráfico interno cuando trabajen varias personas, navegadores o dispositivos.

¿Una extensión propia es siempre mejor que una de terceros?

No. Desarrollo una propia cuando la necesidad es pequeña, frecuente y está bien delimitada. Si existe una herramienta mantenida que encaja, utilizarla suele ser la decisión más sensata.

¿Estas extensiones sustituyen Chrome DevTools?

No. DevTools sigue siendo la base para inspección, red, rendimiento y debugging. Las extensiones aceleran acciones específicas o presentan cierta información de otra forma.

¿Conviene desactivar CORS para solucionar un error?

No en producción. Una utilidad de este tipo puede ayudar a aislar un problema durante una prueba local, pero la solución real debe configurar correctamente servidor, orígenes y cabeceras.

Referencias y revisión

Contenido contrastado con documentación oficial. Comprueba siempre el comportamiento en un entorno de pruebas antes de desplegar cambios.