Développement front-end
Vérifiez les points de rupture sur le DOM réel avec les largeurs exactes des appareils, sans basculer dans les DevTools ni redimensionner de fenêtres.
NouveauPlans de travail - 10 appareils à la fois
Votre site, impeccablesur chaque iPhone.
Viewport superpose des cadres d'appareils fidèles aux spécifications sur le site que vous consultez déjà. Comparez les points de rupture côte à côte, repérez les bugs de mise en page avant la QA et exportez des captures encadrées ou des enregistrements 4K, entièrement sur votre machine.
Tout site · 38 appareils · Réglages synchronisés entre onglets · Sans compte, sans télémétrie, sans envoi
Chrome Web Store★ 5.0·Plus de 5 000 utilisateurs
Mise en avantRecommandée par Chrome
yourstore.com
À qui ça s'adresse
Une extension, trois façons de travailler
Celles et ceux qui construisent des interfaces responsives, celles et ceux qui les conçoivent, et celles et ceux qui doivent prouver qu'elles fonctionnent.
Design produit
Contrôlez les espacements, l'échelle typographique et les zones sûres dans des cadres exacts, puis exportez des captures encadrées directement vers une spec ou une présentation.
Agences et indépendants
Démontrez la qualité responsive en direct pendant un appel. Un seul partage d'écran montre le bureau et le mobile fonctionner ensemble, sans fenêtres séparées.
Capacités
Quatre choses qu'il fait remarquablement bien
Pas de soupe de fonctionnalités. Voici les quatre capacités autour desquelles toute l'extension est construite.
Démo en direct
Pilotez l'extension, ici même
Voici le vrai déroulé : choisissez un appareil dans la barre, faites-le pivoter, déclenchez une capture, lancez l'enregistrement. La page derrière, c'est la vôtre.
yourpage.com
402 x 874/34%
Du build à la validation
Prouvez que ça marche avant qu'on vous le demande
La qualité responsive est bien plus facile à montrer qu'à décrire. Viewport transforme une vérification interne en quelque chose que vous pouvez transmettre directement à un client.
Pour commencer
Opérationnel en trois clics
Aucun fichier de configuration, aucun compte, aucune préparation de projet.
01
Ouvrez n'importe quelle page
Cliquez sur l'icône de la barre d'outils. Un appareil apparaît sur le site réel, déjà chargé et pleinement interactif.
02
Composez la vue
Choisissez un appareil, faites-le pivoter, redimensionnez-le et déplacez-le où vous voulez, ou disposez tout un plan de téléphones, tablettes et moniteurs.
03
Comparez et capturez
Faites défiler de façon synchronisée sur tous les cadres, puis exportez une capture encadrée ou enregistrez le parcours complet.
Mesuré, pas promis
Là où Viewport prend l'avantage
Comparé aux extensions d'aperçu responsive les plus installées du Chrome Web Store.
Architecture locale d'abord
Rien ne quitte votre machine, et nous montrons comment
Viewport n'a pas de backend pour vos données. Aucune analytique, aucune télémétrie, aucun code chargé à distance. Les réglages vivent dans chrome.storage.local ; les captures se téléchargent directement sur votre disque.
Pour afficher une page dans un cadre, les navigateurs nous obligent à assouplir X-Frame-Options et Content-Security-Policy sur la requête d'aperçu. Nous limitons cela à la seule origine prévisualisée (les cadres tiers gardent leurs protections) et affichons un bandeau tant que c'est actif. Tout est retiré dès que vous fermez l'aperçu.
La plupart des outils font cela en silence, et pour tout l'onglet. Nous préférons que vous le sachiez.
Tarifs
Gratuit pour toujours. Pro quand le travail l'exige.
L'offre gratuite est un outil complet et sans limite de durée, pas une période d'essai.
Gratuit
$0pour toujours
- Les 38 cadres d'appareils
- Jusqu'à 3 appareils à l'écran
- Captures encadrées illimitées
- Enregistrement WebM de 2 minutes
- Repli en fenêtre réelle sur les sites stricts
Pro
Le plus choisi$4.17/ mois, $50 facturé à l'année
- Tout le gratuit, et en plus :
- Plans de 10 appareils et scènes enregistrées
- MP4 4K illimité, découpe et vitesse
- Comparaison de versions et audits de mise en page
- Bridage réseau, géolocalisation et langue
Offre gratuite, sans compteAnnulation à tout momentPaiement sécurisé par Lemon Squeezy
FAQ
Les réponses, avant vos questions
Les cinq questions que tout développeur pose avant d'installer.
Il nous manque quelque chose ?
Demandez directement : un humain répond sous un jour.
support@orbitexaio.comNon, et rien qui tourne dans un navigateur ne le fait. Viewport affiche votre vraie page aux largeurs de viewport exactes des appareils, avec des client hints cohérents, ce qui attrape l'immense majorité des problèmes de mise en page et de points de rupture. Les vérifications critiques avant une mise en production restent l'affaire des appareils réels.
Arrêtez de livrer des points de rupture que vous n'avez jamais vus.
Ajoutez Viewport à Chrome et vérifiez chaque appareil sur la page que vous avez déjà sous les yeux. Gratuit, sans compte, sans rien envoyer.