Navegue como sempre. Depois, com um clique, veja a mesma página como um iPhone em Lisboa, um iPad em Tóquio ou um notebook em Roma a veem: dispositivo, idioma e fuso horário de verdade.
Isto é ao vivo: troque o dispositivo, gire, mude o idioma e o tema. O site aqui dentro responde como responderia no Oblo.
Não é uma janela estreitada
Estreitar a janela só muda a largura. O Oblo muda tudo o que a página consegue medir: no JavaScript, no CSS e nos headers que o seu servidor lê.
O que tem dentro
Tamanho, densidade de pixels, toque, user agent e client hints de iPhone, Pixel, Galaxy e iPad. Os breakpoints disparam como no celular.
Accept-Language, navigator.languages, Intl, fuso horário e localização mudam juntos. O seu servidor também percebe.
Rede lenta, CPU limitada, movimento reduzido, contraste, cores forçadas e deficiências visuais, em um só menu.
Title, description, Open Graph, hreflang, canonical e alt das imagens em um painel, com prévia de compartilhamento.
Um selo conta exceções, console.error e solicitações com falha, sem abrir o Console.
Um QR abre a página no seu celular, com localhost já trocado pelo IP da rede local.
A mesma página em três dispositivos lado a lado, cada comando a uma busca de distância e o jeito mais rápido de mostrar a alguém o que está errado.
Primeiro uso
No primeiro uso, um tour passo a passo destaca, um de cada vez, os botões que um navegador comum não tem, e coloca todos para trabalhar em páginas reais. Dá para pular com Esc e reabrir quando quiser nas Configurações ou na paleta de comandos.
Os próximos dois recursos em que estamos trabalhando. Eles chegam em uma atualização, como todo o resto.
Em desenvolvimento
As senhas dos sites salvas e preenchidas pelo próprio Oblo, sem extensões.
Em desenvolvimento
Favoritos, histórico e configurações iguais em todos os computadores em que você usa o Oblo.
De onde vem
De um estúdio que usa o Oblo todo dia.
O Oblo nasceu dentro da Line33, onde todo dia conferimos sites de clientes em celulares, tablets e mercados diferentes. Redimensionar uma janela já não bastava: a gente precisava ver o que as pessoas do outro lado veem de verdade.
Era uma ferramenta interna. Ficou tão útil que decidimos distribuí-la de graça e transformá-la no navegador que usamos o dia inteiro.
Para quem é
Breakpoints, toque, idioma e rede sem abrir o DevTools em cada página.
Garantem que o layout se sustenta em todas as telas antes da entrega.
Mostram ao cliente o site do jeito que ele vai ver no próprio celular.
Sites multilíngues, preços, datas e horários conferidos país por país.
Perguntas
Sim. O Oblo é freeware: você pode usar inclusive no trabalho, sem assinatura e sem conta.
Sim: abas que voltam, histórico com preenchimento automático na barra de endereço, favoritos e o mecanismo de pesquisa que você preferir. Quando você não está testando um site, é um navegador Chromium rápido. Extensões ainda não são suportadas.
O Oblo usa o motor do Chrome. Tamanho, toque, idioma e user agent são os do dispositivo, mas para a renderização exata do Safari você ainda precisa de um Mac ou de um iPhone. No Windows, as fontes da Apple são substituídas pela Inter, que tem métricas parecidas.
Não. Não há conta nem rastreamento dos sites que você visita. O app só verifica se existe uma versão mais nova.
Sozinho: baixa a nova versão em segundo plano e instala quando você fecha o app.
Vem de oblò, “escotilha” em italiano: a janelinha redonda por onde você olha o que tem do outro lado. Antes ele se chamava Proteus.
Download
Apple Silicon e Intel, macOS 13 ou posterior
Versão: Apple Silicon · Intel
Instalador para Windows 10 e 11, 64 bits
O instalador ainda não é assinado: se o Windows mostrar um aviso, clique em “Mais informações” e depois em “Executar assim mesmo”.
Pacote deb para Ubuntu e Debian, 64 bits
Abra o .deb com o app Programas ou instale com sudo apt install ./oblo_*.deb. Em outras distribuições, use o AppImage (precisa do libfuse2).