Testeur responsive
Passez en revue vos profils HTML/CSS/JS locaux sur iPhone, iPad et tailles d'écran 120, avec rotation et vue zoomée.
Bêta · Vérifiez le résultat avant de l'utiliser. Voir la portée de cet outil sous l'éditeur.
index.html
Utilisez Tab pour quitter l'éditeur. Vous pouvez rechercher et annuler avec les raccourcis habituels.
Renommer le fichier actif
Aperçu
Profils de 124 tailles. Simule la fenêtre d'affichage CSS, sans modifier le navigateur, le système d'exploitation, la densité ou les capacités tactiles. Importez du HTML/CSS/JS local ; ne charge pas les sites externes.
Console de projet
HTML et CSS sont automatiquement prévisualisés. JavaScript nécessite une activation ; s'exécute dans une vue isolée sans réseau, cookies ou stockage sur site. Sans npm, importations, frameworks, binaires ou scripts en ligne. Les boucles et les fonctions ont des limites indicatives ; ce n'est ni un environnement pour code hostile ni une garantie contre toute consommation CPU ou mémoire. Lors de l'importation, JavaScript est à nouveau désactivé. Vos fichiers ne sont pas enregistrés.
Préparation de l'éditeur…
Comment utiliser cet outil
- Importez vos fichiers HTML, CSS et JavaScript.
- Sélectionnez un appareil ou vos propres mesures ; faites pivoter et zoomez l’aperçu.
- Corrigez le code et téléchargez votre projet ZIP.
Ce qu’il faut savoir
124 profils de taille CSS, pas d'émulation matérielle, de navigateur, de DPR, de système d'exploitation ou de capacité tactile. Profils Apple en plein écran logique : les barres de navigation peuvent réduire la zone réelle. Fichiers locaux uniquement, pas d'URL distantes ni de npm. Jusqu'à 20 fichiers/1 Mo et 200 000 caractères par fichier. Inscription JavaScript ; protection indicative du processeur.
Puis-je coller une URL externe ?
Cette version fonctionne avec vos fichiers locaux. Les sites externes peuvent empêcher leur intégration et ne pas se charger dans l'environnement privé. Importez votre HTML/CSS/JS ou collez son code dans l'éditeur.