Tester le 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.

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

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.