Développeur / HTML
Visionneuse HTML : aperçu en direct dans un sandbox avec CSS et JavaScript
Collez du HTML et, si vous le souhaitez, du CSS pour afficher un aperçu isolé en direct. Activez explicitement JavaScript, passez l’aperçu en plein écran ou téléchargez un fichier HTML de prévisualisation.
Visionneuse HTML : aperçu en direct dans un sandbox avec CSS et JavaScript: Affiche le code source dans un frame sandboxé doté d’une origine opaque. Les scripts sont désactivés par défaut. Une politique de sécurité du contenu bloque les ressources externes, les requêtes fetch, les formulaires et les pages intégrées, tout en autorisant les styles inline et les images de données. Les métadonnées susceptibles d’actualiser la page, les éléments base et les contextes de navigation intégrés sont supprimés. Le téléchargement conserve le frame isolé. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.
- Catégorie
- Outils développeur
- Exécutions
- Dans votre navigateur
- Coût
- Gratuit · sans inscription
- Disponibilité
- Prêt à l'emploi
Fonctionne entièrement dans votre navigateur
L’aperçu est isolé de ce site. Les scripts sont désactivés par défaut. Les feuilles de style, scripts et images externes, les requêtes fetch, les formulaires et les pages intégrées sont bloqués ; les styles intégrés et les images de données sont autorisés. L’activation des scripts exécute le code que vous collez dans l’aperçu.
Le fichier HTML téléchargé ouvre le même aperçu isolé. Aucun code source n’est inséré dans cette page.
Isolation de l’iframe
La norme HTML du WHATWG définit les restrictions de sandbox des iframe (https://html.spec.whatwg.org/multipage/iframe-embed-object.html#attr-iframe-sandbox). Cet aperçu n’accorde jamais allow-same-origin.
Restrictions du contenu
La spécification Content Security Policy du W3C définit les restrictions applicables aux ressources (https://www.w3.org/TR/CSP3/). L’aperçu applique une politique restrictive avant le balisage fourni. Le wrapper téléchargé conserve la limite de sandbox.
Comment l'utiliser
- Collez du HTML et, si vous le souhaitez, du CSS ou du JavaScript.
- Activez les scripts uniquement si vous voulez exécuter votre code collé dans l’aperçu isolé.
- Examinez l’aperçu en direct ou en plein écran, puis téléchargez le fichier de prévisualisation sandboxé.
Confidentialité et limitations
Vos saisies et vos fichiers sont traités dans votre navigateur. Rien n’est téléversé.
Outils associés
Questions fréquentes
Mon aperçu peut-il accéder aux cookies ou à la page de ce site ?
Le sandbox n’autorise pas l’accès same-origin. Le code collé ne peut pas lire le DOM ni le stockage de ce site. Les scripts ne s’exécutent que lorsque vous les activez.
Pourquoi les images ou bibliothèques externes ne se chargent-elles pas ?
L’aperçu local bloque les ressources distantes. Ajoutez directement les styles et les scripts dans les éditeurs et utilisez des URL de données pour les images.
Puis-je coller un document HTML complet ?
Oui. L’aperçu accepte les documents complets et les fragments. Il supprime les métadonnées et les contextes de navigation intégrés, applique sa propre politique de sécurité du contenu et affiche le résultat dans le frame isolé.
Que contient le téléchargement ?
Il contient un fichier HTML qui ouvre votre code source dans le même sandbox. Il s’agit d’un fichier de prévisualisation, et non du code source collé directement dans une page ordinaire.
Outil gratuit · dans votre navigateur exécutions · aucun compte requis