Funcionalidades

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

Os navegadores do dia a dia mostram-lhe a web como a vê. O Oblo parte da pergunta oposta: como é que os outros a veem? Dispositivo, idioma, rede e acessibilidade passam a ser controlos na barra, e não definições enterradas num painel que fecha sem querer.

Porque não chegam as DevTools

Porque a resposta não devia custar nove cliques.

O modo de dispositivo do Chrome é ótimo, e o Oblo usa o mesmo motor. Mas vive dentro das DevTools: espalhado por vários painéis, reposto quando os fecha, esquecido na visita seguinte, e não muda o idioma que chega ao servidor. O Oblo junta tudo numa barra e memoriza-o site a site.

	Navegador comum	Chrome DevTools	Oblo
Tamanho, densidade de píxeis, toque e user agent do dispositivo	Não	Simmodo de dispositivo	Simteclas 1 2 3
Idioma enviado ao servidor (Accept-Language)	Em partepara todo o navegador	Em partesó Intl, via Sensores	Simpor separador
Fuso horário e geolocalização	Não	Simpainel Sensores	Simseguem o idioma
Definições memorizadas por site	Não	Nãorepostas 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 a Consola	Não	Em partesó com as DevTools abertas	Simcontador na barra
Verificação de SEO e pré-visualização da partilha	Não	Em parteauditoria do Lighthouse	Simpainel Página
Abrir a página no telemóvel (localhost → IP da LAN)	Não	Não	Simcódigo QR
HTTPS autoassinado em localhost e *.test	Em parteclicar num aviso	Não	Simsó anfitriões de desenvolvimento
Sessão iniciada e terminada lado a lado	Em parteperfil ou janela à parte	Não	Similhas

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

Veja como eles veem

Dispositivos reais

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 portátil até QHD. Tamanho, densidade de píxeis, toque, user agent e client hints mudam em conjunto.

Notch e área segura

Os iPhone recentes têm barra de estado, Dynamic Island e indicador de início, com os mesmos safe-area-inset que o Safari reporta, na vertical e na horizontal.

Qualquer tamanho

Arraste as margens até ao tamanho de que precisa. Por cima do dispositivo há uma régua com os breakpoints do Tailwind: clique em sm, md ou lg e a largura ajusta-se.

Rotação

O

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

Idioma, fuso horário e localização

L

Dez locales prontos, mais qualquer etiqueta BCP 47. Accept-Language, navigator.languages, Intl, fuso horário e geolocalização mudam em conjunto, e a página recarrega para que o servidor também dê por isso.

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 reais navegam.

Teste-o ao limite antes dos seus utilizadores

Rede e CPU lentos

S

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

Media e acessibilidade

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

Sobreposições de renderização

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

Erros num relance

Um contador vermelho mostra exceções JS, console.error e pedidos falhados ou com estado ≥ 400 da página. Um clique lista-os e leva-o à Consola.

03 · As verificações que faz antes de pôr o site no ar.

Publique como deve ser

Painel Página

⌘\

Title, description, H1, lang, viewport, canonical, robots, Open Graph, hreflang e alt das imagens num relance, com pré-visualização da partilha e a estrutura dos títulos.

Regras de pedidos

Bloqueie URL com caracteres universais (há também uma lista de rastreadores comuns), acrescente cabeçalhos, desative o JavaScript ou a cache HTTP. As regras ficam guardadas por site.

Capturas de ecrã fiéis

⇧⌘S

À resolução emulada, 1170 px de largura para um iPhone 15, ou a página inteira até 16 384 px. Numa pasta ou diretamente na área de transferência.

04 · Pequenas coisas que salvam o dia.

Feito para a sua maneira de trabalhar

HTTPS local que simplesmente funciona

Os certificados autoassinados são aceites em localhost, 127.x, *.localhost, *.test, *.local e IP privados. Em qualquer outro lado, os erros de certificado continuam a ser erros.

No seu telemóvel

Q

Um código QR com o endereço da página, em que localhost passa a ser o IP da LAN: o telemóvel abre diretamente o seu servidor de desenvolvimento.

Ilhas

⇧⌘N

Cada ilha tem os seus próprios cookies e armazenamento e memoriza os inícios de sessão depois de sair: um administrador e um convidado lado a lado, cada um na sua ilha.

Lembra-se de tudo

Cada site volta a abrir com o dispositivo, o idioma, o tema e as condições com que o estava a testar.

Página limpa

Limpa os cookies (também do domínio principal), localStorage, sessionStorage, IndexedDB, service workers e a cache do site, e depois recarrega.

Teclado primeiro

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

Continua a ser um navegador

Separadores que voltam a abrir, preenchimento automático a partir do histórico, marcadores e o motor de pesquisa que preferir. Use-o o dia todo, não só para testar.

Limites, com franqueza

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

Não é o Safari

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

Linux só x64

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

Só chaves de acesso criadas no Oblo

As chaves de acesso do porta-chaves iCloud, do Chrome ou do telemóvel (início de sessão com QR ou Bluetooth) não estão disponíveis. No Mac, o Oblo cria as suas com Touch ID: inicie sessão de outra forma e adicione uma a partir do Oblo nas definições da conta.

Alguns inícios de sessão podem recusá-lo

Alguns sites bloqueiam os navegadores que não reconhecem como Chrome, Safari, Firefox ou Edge. O início de sessão com o Google funciona; com outros serviços, por agora, pode acontecer.

Em desenvolvimento O Oblo 0.2, construído diretamente sobre o Chromium, resolve os problemas de compatibilidade com fornecedores de identidade, streaming protegido e passkeys. Chega primeiro aos Mac com Apple Silicon e logo a seguir a todos os outros sistemas.