Visualiseur HTML en ligne gratuit — collez votre code HTML et voyez le rendu en direct
Appuyez sur Échap, puis sur Tab, pour sortir le focus de l'éditeur.
Un visualiseur HTML en ligne et gratuit.
Collez, affichez, partagez.
Un visualiseur HTML est un outil qui affiche du code HTML brut sous forme de page web en direct, sans enregistrer de fichier, sans rien installer et sans configurer de serveur. Vous collez le code d'un côté, la page rendue apparaît de l'autre, et chaque modification met l'aperçu à jour au fil de la frappe.
Comment prévisualiser du HTML sans rien installer ?
Ouvrez la page et collez. HTML Viewer Cat affiche ce que vous collez dans un iframe en sandbox, à côté d'un éditeur CodeMirror complet — coloration syntaxique, appariement des parenthèses, numéros de ligne, annulation par Cmd/Ctrl+Z. La séparation entre les deux se déplace à la souris et retient sa position. Au-delà de l'aperçu, vous disposez de cadres d'appareils pour ordinateur, tablette, mobile et n'importe quelle largeur en pixels ; d'une console en direct qui capture les console.log et les erreurs de votre code ; d'un export PNG du résultat rendu ; d'un export PDF par la boîte de dialogue d'impression du navigateur, qui respecte les règles @page ; de Tailwind, Bootstrap et onze autres bibliothèques CDN en un clic ; et du formatage Prettier dans le navigateur. Cela fonctionne avec tout ce que vous pouvez coller — une sortie de Claude, ChatGPT ou Cursor, des modèles d'e-mail, le rendu d'un composant React, une page enregistrée ailleurs.
Est-il sûr de coller du HTML dans un visualiseur en ligne ?
Avec celui-ci, la question a une réponse vérifiable plutôt que rassurante. Le document ne quitte jamais votre navigateur : il est rendu dans un iframe srcdoc dans votre propre onglet, et il est conservé dans le localStorage de votre propre machine. Les liens de partage encodent le document dans le fragment de l'URL — la partie après le #, que les navigateurs ne transmettent pas aux serveurs — de sorte qu'un lien partagé transporte le code d'un navigateur à un autre sans passer par le nôtre. Il n'existe aucun point de terminaison qui reçoive un document : c'est une propriété de l'endroit où le code s'exécute, pas une politique à laquelle il faudrait faire confiance. L'iframe exécute les scripts, donc les extraits interactifs fonctionnent, mais la navigation de niveau supérieur est bloquée : un extrait collé ne peut pas rediriger votre onglet.
Quelle différence avec CodePen, JSFiddle ou l'ouverture d'un fichier local ?
| HTML Viewer Cat | CodePen / JSFiddle | Un fichier .html local | |
|---|---|---|---|
| Un compte est nécessaire pour enregistrer ou partager | Non | Oui | Aucun partage possible |
| Votre code est stocké sur le serveur de quelqu'un | Non | Oui | Non |
| Le lien lui-même transporte le document | Oui, dans le fragment de l'URL | Non — il pointe vers une copie stockée | Non |
Affiche un document complet, doctype et <head> compris | Oui | Les volets sont injectés dans leur gabarit | Oui |
| Cadres mobile et tablette sans redimensionner la fenêtre | Oui | Non | Non |
| Délai entre l'ouverture de la page et l'affichage de votre HTML | Un collage | Un collage | Enregistrer, retrouver le fichier, l'ouvrir |
Ce qu'il ne fait pas : pas d'enregistrement dans le cloud, pas d'espaces partagés, pas de curseurs collaboratifs, et aucun compte auquel rattacher tout cela. Pourquoi cet outil. FAQ complète.