Les navigateurs ordinaires vous montrent le web tel que vous le voyez. Oblo part de la question inverse : comment les autres le voient-ils ? Appareil, langue, réseau et accessibilité deviennent des commandes dans la barre d’outils, et non des réglages enfouis dans un panneau qu’on ferme par erreur.
Pourquoi pas simplement les DevTools
Le mode appareil de Chrome est excellent, et Oblo repose sur le même moteur. Mais il vit dans les DevTools : éparpillé entre plusieurs panneaux, réinitialisé quand vous les fermez, oublié à la visite suivante, et il ne change pas la langue que reçoit votre serveur. Oblo réunit tout dans une seule barre d’outils et s’en souvient site par site.
| Navigateur ordinaire | Chrome DevTools | Oblo | |
|---|---|---|---|
| Dimensions, densité de pixels, tactile et user agent de l’appareil | Non | Ouimode appareil | Ouitouches 1 2 3 |
| Langue envoyée au serveur (Accept-Language) | En partiepour tout le navigateur | En partieIntl seulement, via Capteurs | Ouipar onglet |
| Fuseau horaire et géolocalisation | Non | Ouipanneau Capteurs | Ouisuivent la langue |
| Réglages mémorisés pour chaque site | Non | Nonréinitialisés à la fermeture | Oui |
| Réseau, CPU, animations réduites, contraste, troubles de la vision | Non | Ouirépartis sur quatre panneaux | Ouiun seul menu |
| Erreurs de la page visibles sans la Console | Non | En partieseulement DevTools ouverts | Ouibadge dans la barre |
| Vérification SEO et aperçu de partage | Non | En partieaudit Lighthouse | Ouipanneau Page |
| Page ouverte sur votre téléphone (localhost → IP du réseau local) | Non | Non | OuiQR code |
| HTTPS auto-signé sur localhost et *.test | En partieen passant outre un avertissement | Non | Ouihôtes de dev uniquement |
| Connecté et déconnecté côte à côte | En partieprofil ou fenêtre à part | Non | Ouiîles |
01 · Une émulation qui va jusqu’au serveur.
iPhone 15, 16 Pro Max et SE, Pixel 8, Galaxy S24 et Z Fold5, iPad Air, mini et Pro, Galaxy Tab, et viewports d’ordinateur portable jusqu’au QHD. Dimensions, densité de pixels, tactile, user agent et client hints changent ensemble.
Les iPhone récents ont la barre d’état, la Dynamic Island et l’indicateur d’accueil, avec les mêmes safe-area-inset que Safari, en portrait comme en paysage.
Faites glisser les bords jusqu’à la taille voulue. Une règle avec les breakpoints de Tailwind surmonte l’appareil : cliquez sur sm, md ou lg pour vous y caler.
Portrait et paysage d’une seule touche. screen.orientation et les media queries d’orientation suivent.
Dix locales prêtes à l’emploi, plus n’importe quelle balise BCP 47. Accept-Language, navigator.languages, Intl, fuseau horaire et géolocalisation changent ensemble, et la page se recharge pour que votre serveur s’en aperçoive aussi.
Forcez prefers-color-scheme sur la page sans toucher au thème de votre système.
02 · Les conditions dans lesquelles les vrais gens naviguent.
Fast 4G, Slow 4G, 3G et hors ligne ; CPU bridé 4×, 6× ou 20×. Mémorisés par site, avec l’appareil.
Impression, prefers-reduced-motion, prefers-contrast et forced-colors, plus la simulation des troubles de la vision.
Zones de layout shift, paint flashing, bordures des calques, contours des éléments et compteur FPS, depuis le même menu.
Un badge rouge compte les exceptions JS, les console.error et les requêtes en échec ou en ≥ 400 de la page. Un clic les liste et vous emmène à la Console.
03 · Les vérifications à faire avant la mise en ligne.
Title, description, H1, lang, viewport, canonical, robots, Open Graph, hreflang et alt des images en un coup d’œil, avec l’aperçu de partage et la structure des titres.
Bloquez des URL avec des jokers (une liste des traqueurs courants est incluse), ajoutez des en-têtes, désactivez JavaScript ou le cache HTTP. Les règles sont mémorisées par site.
À la résolution émulée, soit 1170 px de large pour un iPhone 15, ou la page entière jusqu’à 16 384 px. Dans un dossier ou directement dans le presse-papiers.
04 · Les petits détails qui sauvent la journée.
Les certificats auto-signés sont acceptés sur localhost, 127.x, *.localhost, *.test, *.local et les IP privées. Partout ailleurs, une erreur de certificat reste une erreur.
Un QR code avec l’adresse de la page, où localhost devient l’IP de votre réseau local : votre téléphone ouvre directement votre serveur de dev.
Chaque île a ses propres cookies et son propre stockage, et garde ses connexions après la fermeture : un admin et un invité côte à côte, chacun sur son île.
Chaque site se rouvre avec l’appareil, la langue, le thème et les conditions avec lesquels vous le testiez.
Efface les cookies (domaine parent compris), localStorage, sessionStorage, IndexedDB, les service workers et le cache du site, puis recharge.
Chaque commande a un raccourci global et un raccourci à une seule touche, tous deux personnalisables dans les Paramètres.
Onglets restaurés, saisie semi-automatique depuis l’historique, favoris et le moteur de recherche de votre choix. Utilisez-le toute la journée, pas seulement pour tester.
Limites, en toute franchise
Le moteur est Chromium. Sur iPhone et iPad, les dimensions, le tactile, la langue et le user agent correspondent, mais les bugs de rendu propres à WebKit n’apparaissent que dans un vrai Safari.
Sous Linux, il existe un paquet deb et une AppImage pour processeurs Intel et AMD 64 bits : pas d’ARM, de Flatpak ni de Snap pour l’instant.
Les clés d’accès du trousseau iCloud, de Chrome ou du téléphone (connexion par QR code ou Bluetooth) ne sont pas disponibles. Sur Mac, Oblo crée les siennes avec Touch ID : connectez-vous autrement et ajoutez-en une depuis Oblo dans les paramètres du compte.
Certains sites bloquent les navigateurs qu’ils ne reconnaissent pas comme Chrome, Safari, Firefox ou Edge. La connexion avec Google fonctionne ; avec d’autres services, cela peut encore arriver pour l’instant.
En développement Oblo 0.2, construit directement sur Chromium, règle les problèmes de compatibilité avec les fournisseurs d’identité, le streaming protégé et les passkeys. Il arrivera d’abord sur les Mac Apple Silicon, puis juste après sur tous les autres systèmes.
Téléchargement
Apple Silicon et Intel, macOS 13 ou ultérieur
Version : Apple Silicon · Intel
Programme d’installation pour Windows 10 et 11, 64 bits
Le programme d’installation n’est pas encore signé : si Windows affiche un avertissement, cliquez sur « Informations complémentaires », puis sur « Exécuter quand même ».
Paquet deb pour Ubuntu et Debian, 64 bits
Ouvrez le .deb avec l’application Logiciels ou installez-le avec sudo apt install ./oblo_*.deb. Sur les autres distributions, utilisez l’AppImage (libfuse2 requis).