Echte apparaten
123iPhone 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.
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
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 browser | Chrome DevTools | Oblo | |
|---|---|---|---|
| Afmetingen, pixeldichtheid, touch en user agent van het apparaat | Nee | Jaapparaatmodus | Jatoetsen 1 2 3 |
| Taal die naar de server gaat (Accept-Language) | Deelsvoor de hele browser | Deelsalleen Intl, via Sensors | Japer tabblad |
| Tijdzone en geolocatie | Nee | Japaneel Sensors | Javolgen de taal |
| Instellingen onthouden per site | Nee | Neegereset bij sluiten | Ja |
| Netwerk, CPU, minder beweging, contrast, visuele beperkingen | Nee | Javerspreid over vier panelen | Jaéén menu |
| Paginafouten zichtbaar zonder Console | Nee | Deelsalleen met DevTools open | Jabadge in de werkbalk |
| SEO-check en voorbeeld bij delen | Nee | DeelsLighthouse-audit | Japaneel Pagina |
| Pagina openen op je telefoon (localhost → LAN-IP) | Nee | Nee | JaQR-code |
| Self-signed HTTPS op localhost en *.test | Deelsdoor een waarschuwing klikken | Nee | Jaalleen ontwikkelhosts |
| Ingelogd en uitgelogd naast elkaar | Deelsapart profiel of venster | Nee | Jaeilanden |
01 · Emulatie die doorloopt tot op de server.
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.
Recente iPhones krijgen statusbalk, Dynamic Island en home-indicator, met dezelfde safe-area-insets als Safari, staand en liggend.
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.
Staand en liggend met één toets. screen.orientation en media queries op oriëntatie draaien mee.
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.
Forceer prefers-color-scheme op de pagina zonder je systeemthema aan te raken.
02 · De omstandigheden waarin echte mensen surfen.
Fast 4G, Slow 4G, 3G en offline; CPU 4×, 6× of 20× trager. Per site opgeslagen, samen met het apparaat.
Print, prefers-reduced-motion, prefers-contrast en forced-colors, plus gesimuleerde visuele beperkingen.
Layout shift-gebieden, paint flashing, laagranden, elementcontouren en een FPS-meter, vanuit hetzelfde menu.
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.
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.
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.
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.
Self-signed certificaten worden geaccepteerd op localhost, 127.x, *.localhost, *.test, *.local en privé-IP’s. Overal anders blijven certificaatfouten gewoon fouten.
Een QR-code met het adres van de pagina, waarin localhost je LAN-IP wordt: je telefoon opent je dev-server direct.
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.
Elke site opent weer met het apparaat, de taal, het thema en de omstandigheden waarmee je hem aan het testen was.
Wist cookies (ook van het bovenliggende domein), localStorage, sessionStorage, IndexedDB, service workers en de cache van de site, en laadt dan opnieuw.
Elke opdracht heeft een sneltoets en een losse toets, allebei aan te passen in Instellingen.
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
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.
Voor Linux is er een deb-pakket en een AppImage voor 64-bit Intel- en AMD-processors: voorlopig geen ARM, Flatpak of Snap.
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 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.
Download
Apple Silicon en Intel, macOS 13 of nieuwer
Versie: Apple Silicon · Intel
Installatieprogramma voor Windows 10 en 11, 64-bit
Het installatieprogramma is nog niet ondertekend: als Windows een waarschuwing toont, kies dan “Meer informatie” en daarna “Toch uitvoeren”.
deb-pakket voor Ubuntu en Debian, 64-bit
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).