140 · Conception et Web

Testeur de taille d'écran réactif

Entrez une adresse de page et choisissez une taille d'appareil pour voir comment la mise en page réagit.

Vos données : L'aperçu se connecte à l'adresse que vous chargez. Ce site Web reçoit une visite et traite les données selon sa propre politique de confidentialité. Détails de confidentialité

Testeur de taille d'écran réactif

De nombreux sites refusent d'être affichés à l'intérieur d'autres pages. Cela fonctionne mieux avec votre propre site ou un serveur de développement local.

Comment utiliser le testeur de taille d'écran réactif

  1. Saisissez l'adresse de la page à tester.
  2. Choisissez un appareil ou saisissez une taille personnalisée.
  3. Chargez la page et faites-la pivoter pour vérifier le paysage.

Limites

La page se charge dans un cadre à la largeur exacte que vous choisissez, de sorte que ses requêtes multimédias CSS se comportent comme sur cet écran. De nombreux sites, y compris les grandes plateformes, refusent d’être affichés dans des cadres et vous verrez une page vierge ou une page d’erreur. Cela fonctionne mieux avec votre propre site ou un serveur de développement local. Il n’émule pas le toucher, l’agent utilisateur d’un téléphone ou le ratio de pixels de l’appareil ; pour cela, utilisez les outils de développement de votre navigateur.

Exemples

390 × 844

Un téléphone moderne typique

1024 × 768

Une tablette en paysage

Questions

Pourquoi la page est-elle blanche ?

Le site bloque probablement l'affichage à l'intérieur d'autres pages (X-Frame-Options ou frame-ancestors). C'est un paramètre de sécurité sur ce site.

Traduction automatique. Passez en revue les résultats importants.