Ensuite, saisissez et faites glisser un coin de la fenêtre pour changer manuellement le point d’arrêt. Ceci est utile pour vérifier comment votre conception s’adapte aux différentes fenêtres. Outils de test réactifs outils de test réactifs comme la plupart des sites de test réactifs, vous pouvez entrer l’URL de la page à tester dans la barre de recherche en haut de l’écran. Ce travail spécifique a une longue liste de tailles de périphériques prédéfinies à choisir. Si vous avez besoin de dimensions supplémentaires, vous pouvez sélectionner des dimensions personnalisées. Pour vérifier les modifications de conception, il suffit de cliquer sur le bouton Vérifier pour recharger. Il y a un bouton dans la fenêtre de test pour activer \ désactiver la fonction de défilement et un bouton de rotation pour contrôler la disposition verticale et horizontale.
Les développeurs de l’outil ont également créé un système de grille pour les sites Web réactifs. Vous le trouverez dans l’icône de l’ampoule en haut à droite. Essayez cet outil Reactive Design Checker Reactive Design Checker est un site Web avec un nombre prédéfini de tailles d’écran et des options de taille personnalisées. Par rapport à l’outil ci – dessus, il manque une règle de numérotation et un bouton de rotation en haut de l’écran. Ce qu’il a en commun, c’est que le bouton go fonctionne de la même façon, il suffit de cliquer dessus lorsque vous effectuez des changements de conception et que vous voulez vérifier les résultats.
Essayez cet outil modo Design modo est un site Web et un générateur de courriels qui contient un outil de test de réponse gratuit dans le cadre de son site Web. L’outil a toutes les fonctionnalités des deux outils ci – dessus et a un bouton glisser – déposer pour voir les changements de conception lorsque la fenêtre se rétrécit et s’étend. Bien sûr, il peut également être utilisé comme générateur de publicité
Moi et leur chef de service principal. Le seul inconvénient est que les mesures affichées par l’instrument sont utilisées pour la résolution et non pour le viewport. Ça peut être déroutant.
Screenfly screenfly est un autre site Web qui a la même fonctionnalité de test de réponse que l’exemple ci – dessus, mais les presets sont un peu obsolètes. Le dernier preset iPhone est 7x. Cependant, l’outil fonctionne toujours correctement et a des fonctions de taille personnalisée, des boutons de rotation et de mise à jour et des commutateurs de défilement. Essayez cet outil de réponse est toujours l’une des applications de test de conception web réactive les plus populaires, probablement parce qu’il semble amusant. Lorsque vous ajoutez une URL, elle affiche votre site sur plusieurs appareils mobiles différents dans une disposition verticale et horizontale. Cet outil est pratique pour une vérification rapide sur les appareils courants, mais il est limité si vous voulez contrôler tous les points d’arrêt.
Essayez cet outil. Suis – je passif? La question de savoir si j’ai répondu est similaire à celle du répondant parce qu’il affiche les sites de test dans un certain nombre d’appareils. L’avantage de cet outil est que vous pouvez capturer les résultats et l’utiliser pour votre portefeuille. De plus, chaque écran glisse indépendamment. Essayez cet outil pixeltuner pixeltuner est un site qui ressemble à un résolveur. L’outil n’affiche que 6 tailles d’écran, mais elles sont un bon choix. Avec ces six tailles, vous pouvez être sûr que vous avez couvert toutes les bases. La seule chose qui manque est un grand écran de plus de 1500 pixels.
Testez la réponse de cet outil Web Design tester la réponse Web Design tester n’est pas un site Web, c’est une extension de navigateur. Vous pouvez le trouver dans les extensions de navigateur ou les bibliothèques supplémentaires. Les liens suivants sont étendus pour chrome, mais l’outil est également disponible pour Safari et Firefox. Lorsque vous cliquez sur l’icône
Vous pouvez sélectionner une extension dans la liste des presets, puis le site s’ouvre dans une nouvelle fenêtre avec la taille de fenêtre sélectionnée. Les presets sont un peu démodés, mais vous pouvez ajouter de nouveaux appareils et créer vos groupes préférés.
Essayez cet outil pour résumer notre site de test de conception réactive et notre liste d’outils lorsque vous Concevez avec Divi, vous pouvez ajuster la disposition de votre bureau, tablette et écran de téléphone. Les options de Divi sont très pratiques pour vous aider à adapter votre mise en page à n’importe quelle taille d’écran. Mais il est toujours dans votre intérêt d’utiliser un outil supplémentaire pour soutenir un projet Divi réactif. Quel outil utilisez – vous? On en a déjà parlé ici? Nous avons choisi ces outils dans cette liste parce qu’ils sont pratiques et faciles à utiliser. Certains sont meilleurs que d’autres, et ce dont vous avez besoin dépend de la complexité de votre conception. Essayez jusqu’à ce que vous trouviez votre favori et que nous sachions lequel.
Images caractéristiques prises par aurielaki \ shutterstock. Com