Soporte
¿Cómo podemos ayudarte?
Encuentra respuestas a las preguntas más frecuentes o contáctanos si necesitas ayuda adicional.
FAQ
Preguntas frecuentes
Para instalar Web Studio, sigue estos pasos:
- Ve a la Chrome Web Store y busca "Devtools Web Studio" o usa el enlace directo
- Haz clic en "Añadir a Chrome" y confirma la instalación
- Haz clic en el icono de Web Studio en la barra de extensiones para abrir el panel lateral
La extensión funciona inmediatamente tras la instalación, sin configuración adicional.
Sí, Devtools Web Studio es completamente gratuito. No hay versión de pago, planes de suscripción ni funcionalidades premium bloqueadas.
Web Studio es desarrollado por un desarrollador independiente, por amor al oficio. Si quieres apoyar el proyecto, puedes hacerlo a través de la página de donación en devtools.pt.
Web Studio fue desarrollado para navegadores basados en Chromium:
- Google Chrome (recomendado)
- Microsoft Edge
- Brave
- Opera
- Vivaldi
Firefox y Safari no son compatibles — usan extensiones con una API diferente (WebExtensions sin soporte para sidePanel).
No. Devtools Web Studio no recopila ningún dato personal. No hay cuenta, no hay telemetría y no hay servidores propios.
La extensión funciona completamente sin conexión, excepto en tres situaciones específicas:
- DNS over HTTPS: consultas DNS via dns.google (solo en la pestaña Diagnóstico → DNS)
- API Tester: las peticiones las realiza tu navegador al endpoint que eliges
- Google Chrome Sync: sincronización de preferencias via cuenta de Google (opcional)
Sí, con algunas excepciones. La extensión funciona en la mayoría de las páginas web, pero tiene limitaciones en:
- Páginas del sistema de Chrome (chrome://, chrome-extension://)
- Chrome Web Store (políticas de Google)
- Algunos PDFs inline
En estos casos, el panel está disponible pero la inspección de elementos puede estar limitada.
Todo se guarda localmente en tu navegador, via chrome.storage. Las preferencias se sincronizan via Google Chrome Sync si tienes sesión iniciada en Chrome.
Puedes exportar todas tus colecciones y configuraciones en JSON en la sección Export/Import en la Configuración de Web Studio.
No. Web Studio es un panel lateral independiente que funciona en paralelo con el DevTools nativo de Chrome. Puedes usar ambos simultáneamente.
Web Studio no modifica el comportamiento del DevTools nativo ni interfiere con otras extensiones.
Hay tres formas de abrir el panel lateral de Web Studio:
- Haz clic en el icono de Web Studio en la barra de extensiones de Chrome
- Usa el atajo de teclado configurable en la configuración de Chrome
- Haz clic derecho en cualquier elemento y selecciona "Web Studio" en el menú contextual
El Web Studio gratuito incluye todo, sin límites:
- ✅ Inspector, SEO, Colors, Performance, Design y Diagnóstico
- ✅ API Tester con colecciones, entornos y autenticación
- ✅ 40+ utilidades integradas
- ✅ Sincronización via Google Chrome Sync
- ❌ Sin anuncios
- ❌ Sin cuenta obligatoria
Resolución de problemas
Problemas comunes y soluciones
Si encuentras un problema con Web Studio, prueba las soluciones siguientes antes de reportar un error.
- Haz clic en el icono de Web Studio en la barra de extensiones de Chrome
- Comprueba que la extensión está activa en chrome://extensions
- Desactiva y reactiva la extensión e inténtalo de nuevo
- Comprueba que la página no es del sistema Chrome (chrome://...)
- Actualiza la página e inténtalo de nuevo
- Desactiva otras extensiones para comprobar conflictos
- Ve a Configuración → Export/Import y comprueba si tienes una copia de seguridad
- Comprueba que tienes sesión iniciada en Chrome (los datos se sincronizan)
- Los datos pueden haberse borrado al actualizar Chrome — exporta regularmente
- Haz clic en el toggle de CORS Bypass en la pestaña Herramientas
- Recarga la página después de activar el bypass
- Comprueba si el servidor tiene restricciones adicionales (autenticación, IP whitelist)
- Comprueba que tienes sesión iniciada con la misma cuenta de Google en ambos Chromes
- Ve a chrome://settings/syncInternals para comprobar el estado de la sincronización
- Fuerza una sincronización manual en chrome://settings → Sincronización
- Si el problema persiste, usa Export/Import para transferir los datos manualmente
- Desactiva el modo Live de JS Errors y Console si no los estás usando
- Limpia el historial de peticiones del API Tester en Configuración
- Recarga la extensión en chrome://extensions → Devtools Web Studio → Recargar
- Si el problema persiste, reporta el error con información sobre la versión de Chrome y de Web Studio
Instalación
Cómo instalar Devtools Web Studio
Via la Chrome Web Store (recomendado)
- Ve a la Chrome Web Store y busca "Devtools Web Studio"
- Haz clic en "Añadir a Chrome"
- Confirma la instalación en la ventana que aparece
- Haz clic en el icono en la barra de extensiones para abrir el panel lateral
Contacto
Reportar un error o enviar sugerencia
Para ayudarnos a mejorar Web Studio, incluye la siguiente información en tu informe:
- Versión de Chrome (chrome://version)
- Versión de Web Studio (chrome://extensions)
- Sistema operativo
- Pasos para reproducir el problema
- Lo que esperabas que ocurriera
- Lo que ocurrió realmente
- Captura de pantalla o grabación (si es posible)