Browser Resizer

L'outil Browser Resizer calcule les dimensions exactes du viewport pour les pages web et fournit des artefacts de code prêts à l'emploi. Il accepte la largeur et la hauteur en pixels et des préconfigurations d'appareils optionnelles, produisant des sorties déterministes pour les tests à travers les points de rupture. En séparant la logique de dimensionnement du rendu, il s'adresse aux développeurs, aux équipes QA et aux chercheurs UX qui ont besoin de mesures reproductibles et de documentation.
L'outil prend en charge des préconfigurations standard pour desktop, tablette et mobile, avec validation pour éviter les entrées non valides et des options pour remplacer les préconfigurations par des valeurs manuelles. Il exporte une chaîne de requête média CSS et un extrait HTML minimal d'un conteneur qui montre comment le viewport contraint le contenu sur des pages réelles.
Conception : les presets comblent les dimensions sur demande, tandis que le zoom n'affecte que l'aperçu visuel. Les dimensions finales en pixels reflètent les entrées explicites, assurant des résultats cohérents pour le CSS, la documentation et les données de test.
Cette approche permet des comparaisons rapides des mises en page, simplifie la documentation et aligne les sorties de test sur les dimensions courantes des appareils, rendant le flux de travail répétable et prêt pour les bases de code et les pipelines CI.