Oblo
nl
Downloaden
Gratis voor macOS, Windows en Linux

De browser voor webmakers.

Je surft zoals altijd. Dan zie je met één klik dezelfde pagina zoals een iPhone in Lissabon, een iPad in Tokio of een laptop in Rome haar ziet: echt apparaat, echte taal, echte tijdzone.

v0.1.7 · Freeware · Line33
line33.org/prjbrowser/demo/

Dit is live: wissel van apparaat, draai het scherm, verander taal en thema. De site hierbinnen reageert zoals hij in Oblo zou doen.

Geen smaller venster

De site gelooft het echt.

Een venster smaller maken verandert alleen de breedte. Oblo verandert alles wat de pagina kan meten: in JavaScript, in CSS en in de headers die je server leest.

Chrome, venster van 390 pxOblo, iPhone 15 · it-IT
window.innerWidth390390
navigator.userAgent…(Macintosh; Intel Mac OS X 10_15_7)…Chrome/……(iPhone; CPU iPhone OS 18_5 like Mac OS X)…Mobile/15E148
devicePixelRatio23
matchMedia("(pointer: coarse)")falsetrue
navigator.maxTouchPoints05
screen.orientation.typelandscape-primaryportrait-primary
navigator.languageen-USit-IT
Accept-Languageen-US,en;q=0.9it-IT,it;q=0.9,en;q=0.8
Intl…timeZoneEurope/LondonEurope/Rome

Wat zit erin

Alles waarvoor je DevTools opent, op één toets afstand.

Forno Vela
iPhone 15 390×844 @3x
01

Echte apparaten

Afmetingen, pixeldichtheid, touch, user agent en client hints van iPhone, Pixel, Galaxy en iPad. Breakpoints schakelen zoals op de telefoon.

it-ITRome
4,50 €08:30 
02

Taal en tijdzone

Accept-Language, navigator.languages, Intl, tijdzone en locatie veranderen samen. Ook je server merkt het.

Slow 4G 2,0 s
03

Echte omstandigheden

Traag netwerk, afgeremde CPU, minder beweging, contrast, geforceerde kleuren en visuele beperkingen, vanuit één menu.

  • title
  • description
  • og:image
  • alt 2
04

Checks voor de livegang

Title, description, Open Graph, hreflang, canonical en alt-teksten in één paneel, met een voorbeeld bij delen.

3
GET /api/stock 404
price is NaN
ReferenceError: gtag
05

Fouten in het zicht

Een badge telt exceptions, console.error en mislukte verzoeken, zonder de Console te openen.

192.168.1.24:5173
06

Op je echte telefoon

Een QR-code opent de pagina op je telefoon, met localhost al vervangen door je IP-adres in het lokale netwerk.

Alle functies en hoe Oblo zich verhoudt tot andere browsers

Nieuw in 0.1.5: kijken, laten zien, uitleggen.

Dezelfde pagina op drie apparaten naast elkaar, elke opdracht met één zoekopdracht binnen handbereik, en de snelste manier om iemand te laten zien wat er mis is.

fornovela.test

Eerste keer

Oblo laat je zelf zien hoe het werkt.

Bij de eerste keer openen licht een rondleiding stap voor stap de knoppen op die een gewone browser niet heeft, één voor één, en laat ze werken op echte pagina’s. Esc slaat hem over; opnieuw openen kan altijd via Instellingen of het opdrachtenpalet.

Op de werkbank.

De volgende twee functies waar we aan werken. Ze komen met een update, net als al het andere.

In ontwikkeling

Wachtwoordmanager

Wachtwoorden van sites, opgeslagen en ingevuld door Oblo zelf, zonder extensie.

In ontwikkeling

Synchronisatie tussen apparaten

Bladwijzers, geschiedenis en instellingen gelijk op elke computer waarop je Oblo gebruikt.

Waar het vandaan komt

Van een studio die hem elke dag gebruikt.

Oblo is ontstaan bij Line33, waar we elke dag sites van klanten controleren op telefoons, tablets en in verschillende markten. Een venster verkleinen was niet meer genoeg: we moesten zien wat mensen aan de andere kant echt zien.

Het was een intern hulpmiddel. Het bleek zo handig dat we besloten het weg te geven, en er de browser van te maken die we de hele dag gebruiken.

Line33

Voor wie

Front-end developers

Breakpoints, touch, taal en netwerk zonder op elke pagina DevTools te openen.

Designers

Controleer of de layout overeind blijft op elk scherm, voordat je oplevert.

Bureaus en freelancers

Laat klanten hun site zien zoals die er op hun eigen telefoon uitziet.

Teams in meerdere markten

Meertalige sites, prijzen, datums en tijden, land voor land gecontroleerd.

Vragen

Is het echt gratis?

Ja. Oblo is freeware: ook voor je werk, zonder abonnement en zonder account.

Kan ik het als dagelijkse browser gebruiken?

Ja: tabbladen die terugkomen, aanvullen uit je geschiedenis in de adresbalk, bladwijzers en de zoekmachine die jij wilt. Als je geen site test, is het een snelle Chromium-browser. Extensies worden nog niet ondersteund.

Toont het de site zoals Safari?

Oblo gebruikt de engine van Chrome. Afmetingen, touch, taal en user agent kloppen met het apparaat, maar voor de exacte weergave van Safari heb je nog steeds een Mac of iPhone nodig. Op Windows worden de lettertypen van Apple vervangen door Inter, met vergelijkbare afmetingen.

Verzamelt het mijn gegevens?

Nee. Er is geen account en er wordt niet bijgehouden welke sites je bezoekt. De app controleert alleen of er een nieuwere versie is.

Hoe wordt het bijgewerkt?

Vanzelf: de nieuwe versie wordt op de achtergrond gedownload en geïnstalleerd zodra je de app afsluit.

Waarom “Oblo”?

Van oblò, Italiaans voor patrijspoort: het kleine ronde raampje waardoor je ziet wat er aan de andere kant is. Vroeger heette het Proteus.

Download

Kies je systeem.

macOS

Apple Silicon en Intel, macOS 13 of nieuwer

Downloaden voor MacVersie 0.1.7

Versie: Apple Silicon · Intel

Windows

Installatieprogramma voor Windows 10 en 11, 64-bit

Downloaden voor WindowsVersie 0.1.7

Het installatieprogramma is nog niet ondertekend: als Windows een waarschuwing toont, kies dan “Meer informatie” en daarna “Toch uitvoeren”.

Linux

deb-pakket voor Ubuntu en Debian, 64-bit

Downloaden voor LinuxVersie 0.1.7 AppImage downloaden

Open het .deb-bestand met de app Software of installeer het met sudo apt install ./oblo_*.deb. Gebruik op andere distributies de AppImage (vereist libfuse2).

Wat Oblo nog niet kan