Tester le design responsive
Tester le design responsive en ligne gratuit, pas besoin d’installation. Testez les pages dans différents écrans d’appareil.
À propos de Testeur de design responsive
Le Testeur de design responsive affiche un site à différentes tailles d'écran. Saisissez une URL, choisissez un profil d'appareil comme un téléphone, une tablette ou une résolution de bureau, ou définissez votre propre largeur et hauteur, et la page s'affiche dans un cadre à la bonne taille. Vous pouvez basculer entre portrait et paysage et pivoter à la volée. C'est un moyen rapide de vérifier une mise en page sur les points de rupture courants sans redimensionner la fenêtre du navigateur.
Mode d'emploi
1. Saisissez l'URL du site et cliquez sur Charger 2. Choisissez un profil d'appareil, ou choisissez Personnalisé et entrez une largeur et une hauteur 3. Pour les profils, basculez entre portrait et paysage, ou utilisez Pivoter 4. Regardez la page s'afficher dans le cadre d'aperçu à cette taille
Conseils pour de meilleurs résultats
Les profils couvrent les tailles courantes, d'un petit téléphone à un bureau full HD, correspondant aux points de rupture que la plupart des mises en page ciblent. Utilisez Personnalisé quand vous avez besoin d'une taille en pixels exacte absente de la liste. Notez que certains sites refusent d'être intégrés et affichent un cadre vide — c'est un réglage de sécurité du site, pas un problème de l'outil. Les pages qui autorisent l'intégration s'affichent pleinement et restent interactives.
▶Pourquoi l'aperçu est-il vide sur certains sites ?
▶Quelles tailles d'appareils sont disponibles ?
▶Comment fonctionnent portrait et paysage ?
▶L'aperçu est-il interactif ?
▶Cela change-t-il la taille réelle de mon navigateur ?
Si cet outil vous a été utile, pensez à m’offrir un café.
Achetez-moi un café.