Recursos

O Chrome foi feito para navegar. O Oblo foi feito para construir.

Os navegadores do dia a dia mostram a web do jeito que você a vê. O Oblo parte da pergunta oposta: como os outros a veem? Dispositivo, idioma, rede e acessibilidade viram controles na barra, não configurações enterradas num painel que você fecha sem querer.

Por que não só o DevTools

Porque a resposta não deveria custar nove cliques.

O modo dispositivo do Chrome é ótimo, e o Oblo roda no mesmo motor. Só que ele vive dentro do DevTools: espalhado por vários painéis, zerado quando você os fecha, esquecido na próxima visita, e não muda o idioma que chega ao seu servidor. O Oblo põe tudo isso numa barra só e lembra de cada site.

	Navegador comum	Chrome DevTools	Oblo
Tamanho, densidade de pixels, toque e user agent do dispositivo	Não	Simmodo dispositivo	Simteclas 1 2 3
Idioma enviado ao servidor (Accept-Language)	Em partepara o navegador todo	Em partesó Intl, via Sensores	Simpor aba
Fuso horário e geolocalização	Não	Simpainel Sensores	Simacompanham o idioma
Configurações lembradas por site	Não	Nãozeram ao fechar	Sim
Rede, CPU, movimento reduzido, contraste, deficiências visuais	Não	Simem quatro painéis	Simum só menu
Erros da página visíveis sem o Console	Não	Em partesó com o DevTools aberto	Simselo na barra
Checagem de SEO e prévia de compartilhamento	Não	Em parteauditoria do Lighthouse	Simpainel Página
Abrir a página no celular (localhost → IP da LAN)	Não	Não	SimQR
HTTPS autoassinado em localhost e *.test	Em parteclicando no aviso	Não	Simsó hosts de desenvolvimento
Logado e deslogado lado a lado	Em parteperfil ou janela separada	Não	Similhas

01 · Uma emulação que chega até o servidor.

Veja como eles veem

Dispositivos de verdade

123

iPhone 15, 16 Pro Max e SE, Pixel 8, Galaxy S24 e Z Fold5, iPad Air, mini e Pro, Galaxy Tab e viewports de notebook até QHD. Tamanho, densidade de pixels, toque, user agent e client hints mudam juntos.

Notch e safe area

Os iPhones recentes ganham barra de status, Dynamic Island e indicador de início, com os mesmos safe-area-inset que o Safari informa, na vertical e na horizontal.

Qualquer tamanho

Arraste as bordas até o tamanho que você precisa. Acima do dispositivo fica uma régua com os breakpoints do Tailwind: clique em sm, md ou lg para encaixar.

Rotação

O

Retrato e paisagem com uma tecla. screen.orientation e as media queries de orientação acompanham.

Idioma, fuso horário e localização

L

Dez localidades prontas e qualquer tag BCP 47. Accept-Language, navigator.languages, Intl, fuso horário e geolocalização mudam juntos, e a página recarrega para que o seu servidor também perceba.

Claro e escuro

T

Force prefers-color-scheme na página sem mexer no tema do sistema.

02 · As condições em que as pessoas navegam de verdade.

Quebre antes dos seus usuários

Rede e CPU lentas

S

Fast 4G, Slow 4G, 3G e offline; CPU limitada a 4×, 6× ou 20×. Fica salvo por site junto com o dispositivo.

Mídia e acessibilidade

Impressão, prefers-reduced-motion, prefers-contrast e forced-colors, além da simulação de deficiências visuais.

Overlays de renderização

Áreas de layout shift, paint flashing, bordas das camadas, contornos dos elementos e um medidor de FPS, no mesmo menu.

Erros num relance

Um selo vermelho conta exceções de JS, console.error e solicitações com falha ou status ≥ 400 na página. Um clique lista tudo e leva ao Console.

03 · As checagens que você faz antes de colocar no ar.

Publique do jeito certo

Painel Página

⌘\

Title, description, H1, lang, viewport, canonical, robots, Open Graph, hreflang e alt das imagens num relance, com prévia de compartilhamento e a estrutura de títulos.

Regras de solicitações

Bloqueie URLs com curingas (tem até uma lista de rastreadores comuns), adicione headers, desative o JavaScript ou o cache HTTP. As regras ficam salvas por site.

Capturas de tela fiéis

⇧⌘S

Na resolução emulada, com 1170 px de largura num iPhone 15, ou a página inteira até 16.384 px. Numa pasta ou direto na área de transferência.

04 · Pequenas coisas que salvam o dia.

Feito para o seu jeito de trabalhar

HTTPS local que simplesmente funciona

Certificados autoassinados são aceitos em localhost, 127.x, *.localhost, *.test, *.local e IPs privados. Em qualquer outro lugar, erro de certificado continua sendo erro.

No seu celular de verdade

Q

Um QR com o endereço da página, com localhost trocado pelo IP da sua LAN: o celular abre direto o seu dev server.

Ilhas

⇧⌘N

Cada ilha tem cookies e storage próprios e lembra os logins depois de fechar: um admin e um visitante lado a lado, cada um na sua ilha.

Ele lembra

Cada site reabre com o dispositivo, o idioma, o tema e as condições com que você estava testando.

Página zerada

Apaga os cookies (inclusive do domínio pai), localStorage, sessionStorage, IndexedDB, service workers e o cache do site, e depois recarrega.

Teclado em primeiro lugar

Cada comando tem um atalho global e um atalho de uma tecla só, ambos personalizáveis nas Configurações.

Continua sendo um navegador

Abas que voltam, preenchimento automático pelo histórico, favoritos e o mecanismo de pesquisa que você preferir. Use o dia inteiro, não só para testar.

Limites, sem rodeios

O que o Oblo não faz (ainda).

Não é o Safari

O motor é o Chromium. No iPhone e no iPad, tamanho, toque, idioma e user agent batem, mas os bugs de renderização próprios do WebKit só aparecem num Safari de verdade.

Linux só x64

No Linux há um pacote deb e um AppImage para processadores Intel e AMD de 64 bits: por enquanto, nada de ARM, Flatpak ou Snap.

Só chaves de acesso criadas no Oblo

As chaves de acesso das Chaves do iCloud, do Chrome ou do celular (login com QR ou Bluetooth) não estão disponíveis. No Mac, o Oblo cria as próprias com Touch ID: entre de outro jeito e adicione uma pelo Oblo nas configurações da conta.

Alguns logins podem recusá-lo

Alguns sites bloqueiam navegadores que não reconhecem como Chrome, Safari, Firefox ou Edge. O login com o Google funciona; com outros serviços, por enquanto, pode acontecer.

Em desenvolvimento O Oblo 0.2, construído diretamente sobre o Chromium, resolve os problemas de compatibilidade com provedores de identidade, streaming protegido e passkeys. Ele chega primeiro aos Macs com Apple Silicon e logo em seguida a todos os outros sistemas.