Suporte
Como podemos ajudar?
Encontra respostas para as perguntas mais frequentes ou entra em contacto se precisares de ajuda adicional.
FAQ
Perguntas frequentes
Para instalar o Web Studio, segue estes passos:
- Vai à Chrome Web Store e pesquisa "Devtools Web Studio" ou usa o link direto
- Clica em "Adicionar ao Chrome" e confirma a instalação
- Clica no ícone do Web Studio na barra de extensões para abrir o painel lateral
A extensão funciona imediatamente após a instalação, sem configuração adicional.
Sim, o Devtools Web Studio é totalmente gratuito. Não há versão paga, planos de subscrição, nem funcionalidades premium bloqueadas.
O Web Studio é desenvolvido por um programador independente, por amor à craft. Se quiseres apoiar o projeto, podes fazê-lo através da página de doação em devtools.pt.
O Web Studio foi desenvolvido para browsers baseados em Chromium:
- Google Chrome (recomendado)
- Microsoft Edge
- Brave
- Opera
- Vivaldi
Firefox e Safari não são suportados — usam extensões com uma API diferente (WebExtensions sem suporte ao sidePanel).
Não. O Devtools Web Studio não recolhe nenhum dado pessoal. Não há conta, não há telemetria e não há servidores próprios.
A extensão funciona completamente offline, exceto em três situações específicas:
- DNS over HTTPS: consultas DNS via dns.google (apenas no tab Diagnóstico → DNS)
- API Tester: os pedidos são feitos pelo teu browser para o endpoint que escolhes
- Google Chrome Sync: sincronização das preferências via conta Google (opcional)
Sim, com algumas exceções. A extensão funciona na maioria das páginas web, mas há limitações em:
- Páginas do sistema Chrome (chrome://, chrome-extension://)
- Chrome Web Store (políticas da Google)
- Alguns PDFs inline
Nestes casos, o painel fica disponível mas a inspeção de elementos pode estar limitada.
Tudo fica guardado localmente no teu browser, via chrome.storage. As preferências são sincronizadas via Google Chrome Sync se tiveres sessão iniciada no Chrome.
Podes exportar todas as tuas coleções e configurações em JSON na secção Export/Import nas Definições do Web Studio.
Não. O Web Studio é um painel lateral independente que funciona em paralelo com o DevTools nativo do Chrome. Podes usar os dois em simultâneo.
O Web Studio não modifica o comportamento do DevTools nativo nem interfere com outras extensões.
Existem três formas de abrir o painel lateral do Web Studio:
- Clica no ícone do Web Studio na barra de extensões do Chrome
- Usa o atalho de teclado configurável nas definições do Chrome
- Clica com o botão direito em qualquer elemento e seleciona "Web Studio" no menu de contexto
O Web Studio gratuito inclui tudo, sem limites:
- ✅ Inspector, SEO, Colors, Performance, Design e Diagnóstico
- ✅ API Tester com coleções, environments e autenticação
- ✅ 40+ utilitários integrados
- ✅ Sincronização via Google Chrome Sync
- ❌ Sem anúncios
- ❌ Sem conta obrigatória
Resolução de problemas
Problemas comuns e soluções
Se encontrares um problema com o Web Studio, tenta as soluções abaixo antes de reportar um bug.
- Clica no ícone do Web Studio na barra de extensões do Chrome
- Verifica se a extensão está ativa em chrome://extensions
- Desativa e reativa a extensão e tenta novamente
- Verifica se a página não é do sistema Chrome (chrome://...)
- Atualiza a página e tenta novamente
- Desativa outras extensões para verificar conflitos
- Vai a Definições → Export/Import e verifica se tens um backup
- Verifica se tens sessão iniciada no Chrome (os dados sincronizam)
- Os dados podem ter sido apagados ao atualizar o Chrome — exporta regularmente
- Clica no toggle de CORS Bypass no tab Ferramentas
- Recarrega a página após ativar o bypass
- Verifica se o servidor não tem restrições adicionais (autenticação, IP whitelist)
- Verifica se tens sessão iniciada com a mesma conta Google em ambos os Chromes
- Vai a chrome://settings/syncInternals para verificar o estado da sincronização
- Força uma sincronização manual em chrome://settings → Sincronização
- Se o problema persistir, usa Export/Import para transferir os dados manualmente
- Desativa o modo Live de JS Errors e Console se não estiverem a ser usados
- Limpa o histórico de pedidos do API Tester nas Definições
- Recarrega a extensão em chrome://extensions → Devtools Web Studio → Recarregar
- Se o problema persistir, reporta o bug com informação sobre a versão do Chrome e do Web Studio
Instalação
Como instalar o Devtools Web Studio
Via Chrome Web Store (recomendado)
- Vai à Chrome Web Store e pesquisa "Devtools Web Studio"
- Clica em "Adicionar ao Chrome"
- Confirma a instalação na janela que aparece
- Clica no ícone na barra de extensões para abrir o painel lateral
Contacto
Reportar um bug ou enviar sugestão
Para nos ajudares a melhorar o Web Studio, inclui as seguintes informações no teu relatório:
- Versão do Chrome (chrome://version)
- Versão do Web Studio (chrome://extensions)
- Sistema operativo
- Passos para reproduzir o problema
- O que esperavas que acontecesse
- O que aconteceu de facto
- Screenshot ou gravação de ecrã (se possível)