Oblo
nl
Downloaden
Functies

Chrome is gemaakt om te surfen. Oblo is gemaakt om te bouwen.

Gewone browsers tonen je het web zoals jij het ziet. Oblo begint bij de omgekeerde vraag: hoe zien anderen het? Apparaat, taal, netwerk en toegankelijkheid worden knoppen in de werkbalk, geen instellingen die verstopt zitten in een paneel dat je per ongeluk sluit.

Waarom niet gewoon DevTools

Omdat het antwoord geen negen klikken mag kosten.

De apparaatmodus van Chrome is uitstekend, en Oblo draait op dezelfde engine. Maar hij zit in DevTools: verspreid over meerdere panelen, gereset als je ze sluit, vergeten bij je volgende bezoek, en de taal die je server ontvangt verandert niet. Oblo zet alles in één werkbalk en onthoudt het per site.

Gewone browserChrome DevToolsOblo
Afmetingen, pixeldichtheid, touch en user agent van het apparaatNeeJaapparaatmodusJatoetsen 1 2 3
Taal die naar de server gaat (Accept-Language)Deelsvoor de hele browserDeelsalleen Intl, via SensorsJaper tabblad
Tijdzone en geolocatieNeeJapaneel SensorsJavolgen de taal
Instellingen onthouden per siteNeeNeegereset bij sluitenJa
Netwerk, CPU, minder beweging, contrast, visuele beperkingenNeeJaverspreid over vier panelenJaéén menu
Paginafouten zichtbaar zonder ConsoleNeeDeelsalleen met DevTools openJabadge in de werkbalk
SEO-check en voorbeeld bij delenNeeDeelsLighthouse-auditJapaneel Pagina
Pagina openen op je telefoon (localhost → LAN-IP)NeeNeeJaQR-code
Self-signed HTTPS op localhost en *.testDeelsdoor een waarschuwing klikkenNeeJaalleen ontwikkelhosts
Ingelogd en uitgelogd naast elkaarDeelsapart profiel of vensterNeeJaeilanden

01 · Emulatie die doorloopt tot op de server.

Zie het zoals zij het zien

Echte apparaten

123

iPhone 15, 16 Pro Max en SE, Pixel 8, Galaxy S24 en Z Fold5, iPad Air, mini en Pro, Galaxy Tab en laptopviewports tot QHD. Afmetingen, pixeldichtheid, touch, user agent en client hints veranderen samen.

Notch en safe area

Recente iPhones krijgen statusbalk, Dynamic Island en home-indicator, met dezelfde safe-area-insets als Safari, staand en liggend.

Elk formaat

Sleep de randen tot het formaat dat je nodig hebt. Boven het apparaat staat een liniaal met de breakpoints van Tailwind: klik op sm, md of lg om er precies op uit te komen.

Draaien

O

Staand en liggend met één toets. screen.orientation en media queries op oriëntatie draaien mee.

Taal, tijdzone en locatie

L

Tien kant-en-klare locales plus elke BCP 47-tag. Accept-Language, navigator.languages, Intl, tijdzone en geolocatie veranderen samen, en de pagina laadt opnieuw zodat ook je server het merkt.

Licht en donker

T

Forceer prefers-color-scheme op de pagina zonder je systeemthema aan te raken.

02 · De omstandigheden waarin echte mensen surfen.

Maak het kapot vóór je gebruikers het doen

Trage netwerken en CPU’s

S

Fast 4G, Slow 4G, 3G en offline; CPU 4×, 6× of 20× trager. Per site opgeslagen, samen met het apparaat.

Media en toegankelijkheid

Print, prefers-reduced-motion, prefers-contrast en forced-colors, plus gesimuleerde visuele beperkingen.

Rendering-overlays

Layout shift-gebieden, paint flashing, laagranden, elementcontouren en een FPS-meter, vanuit hetzelfde menu.

Fouten in één oogopslag

Een rode badge telt JS-exceptions, console.error en mislukte verzoeken of verzoeken met status ≥ 400 op de pagina. Eén klik toont de lijst en brengt je naar de Console.

03 · De checks die je doet voordat je live gaat.

Lever het goed af

Paneel Pagina

⌘\

Title, description, H1, lang, viewport, canonical, robots, Open Graph, hreflang en alt-teksten in één oogopslag, met een voorbeeld bij delen en de structuur van koppen.

Regels voor verzoeken

Blokkeer URL’s met jokertekens (er is ook een lijst met veelvoorkomende trackers), voeg headers toe, zet JavaScript of de HTTP-cache uit. Regels worden per site opgeslagen.

Getrouwe screenshots

⇧⌘S

Op de geëmuleerde resolutie, 1170 px breed voor een iPhone 15, of de hele pagina tot 16.384 px. Naar een map of direct naar het klembord.

04 · Kleine dingen die je dag redden.

Gemaakt voor hoe jij werkt

Lokale HTTPS die gewoon werkt

Self-signed certificaten worden geaccepteerd op localhost, 127.x, *.localhost, *.test, *.local en privé-IP’s. Overal anders blijven certificaatfouten gewoon fouten.

Op je echte telefoon

Q

Een QR-code met het adres van de pagina, waarin localhost je LAN-IP wordt: je telefoon opent je dev-server direct.

Eilanden

⇧⌘N

Elk eiland heeft eigen cookies en opslag en onthoudt logins ook na het afsluiten: een admin en een gast naast elkaar, elk op een eigen eiland.

Het onthoudt

Elke site opent weer met het apparaat, de taal, het thema en de omstandigheden waarmee je hem aan het testen was.

Schone lei

Wist cookies (ook van het bovenliggende domein), localStorage, sessionStorage, IndexedDB, service workers en de cache van de site, en laadt dan opnieuw.

Toetsenbord eerst

Elke opdracht heeft een sneltoets en een losse toets, allebei aan te passen in Instellingen.

Nog steeds een browser

Tabbladen die terugkomen, aanvullen uit je geschiedenis, bladwijzers en de zoekmachine die jij wilt. Gebruik hem de hele dag, niet alleen om te testen.

Eerlijke grenzen

Wat Oblo (nog) niet doet.

Het is geen Safari

De engine is Chromium. Op iPhone en iPad kloppen afmetingen, touch, taal en user agent, maar de eigen renderingbugs van WebKit zie je alleen in een echte Safari.

Linux alleen x64

Voor Linux is er een deb-pakket en een AppImage voor 64-bit Intel- en AMD-processors: voorlopig geen ARM, Flatpak of Snap.

Alleen toegangssleutels gemaakt in Oblo

Toegangssleutels uit de iCloud-sleutelhanger, uit Chrome of van je telefoon (inloggen met QR-code of Bluetooth) zijn niet beschikbaar. Op de Mac maakt Oblo er zelf een met Touch ID: log op een andere manier in en voeg er in je accountinstellingen een toe vanuit Oblo.

Sommige logins weigeren het

Sommige sites blokkeren browsers die ze niet herkennen als Chrome, Safari, Firefox of Edge. Inloggen met Google werkt; bij andere diensten kan het voorlopig nog gebeuren.

In ontwikkeling Oblo 0.2, direct gebouwd op Chromium, lost de compatibiliteitsproblemen met identiteitsproviders, beveiligde streaming en passkeys op. Het komt eerst naar Macs met Apple Silicon en kort daarna naar alle andere systemen.

Probeer het op je volgende site.

v0.1.7 · Freeware · Line33

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