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í.
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.
ACF Close All
PropiaAñ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.
Captura Página Completa (JPG)
PropiaRecorre 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.
Favoritos Finder
PropiaConvierte 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.
Font Changer Artesano
PropiaMe 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.
Localhost Credentials
PropiaGuarda 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.
Modo Oscuro Toggle
PropiaActiva 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.
Cross Domain / CORS
PropiaLa 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.
Complemento de inhabilitación para navegadores de Google Analytics
De Google · esencialInstá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.
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.
CSS Peeper
Inspección rápida de propiedades CSS, dimensiones, colores y espaciados antes de profundizar en DevTools.
JSON Viewer Pro
Hace legibles las respuestas de APIs REST, endpoints, integraciones y la REST API de WordPress.
WhatFont
Identifica rápidamente la tipografía utilizada en una interfaz durante análisis y trabajo frontend.
VisBug
Permite inspeccionar visualmente alineaciones, dimensiones y espaciados directamente sobre la página.
Keywords Everywhere
Apoyo para investigar términos y hacer comprobaciones rápidas durante trabajos de contenido y SEO.
Simulador de teléfono móvil
Vista rápida bajo diferentes tamaños o modelos. No sustituye DevTools, dispositivos físicos ni pruebas reales.
Traductor de Google
Una ayuda directa para consultar documentación y recursos técnicos publicados en otros idiomas.
Google Docs sin conexión
Mantiene disponibles documentos de trabajo cuando no hay conexión. Es una pieza práctica del entorno general.
ChatGPT
Lo uso para consultas técnicas, documentación, revisión de código y contraste de posibles soluciones, siempre con verificación.
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.