Outils

Visualiseur HTML en ligne (CSS et JavaScript)

Collez une page HTML, un extrait, du CSS et du JavaScript : le rendu s’affiche à côté, dans un cadre isolé. Utile pour tester un snippet, un mail HTML, une maquette ou un exercice. Mode document ou onglets HTML / CSS / JS, aperçu fluide, tablette ou mobile. Rien n’est envoyé.

Code HTML

0 caractères · Tab pour indenter

L’aperçu tourne uniquement dans votre navigateur, dans un cadre isolé (scripts autorisés, pas d’accès au site). N’y collez pas de secrets. Raccourci : Ctrl + Entrée pour actualiser.

Comment prévisualiser du HTML

  1. 1Collez un document HTML (bouton Coller) ou séparez HTML, CSS et JavaScript.
  2. 2L’aperçu se met à jour tout seul. Choisissez un format fluide, tablette ou mobile.
  3. 3Corrigez le code : les erreurs JavaScript s’affichent sous le rendu. Rien n’est envoyé.

Questions fréquentes

Puis-je coller une page HTML complète avec CSS et JS ?+

Oui. Le mode Document accepte un fichier HTML entier. Vous pouvez aussi séparer le HTML, le CSS et le JavaScript dans trois onglets : ils sont assemblés pour l’aperçu.

Le JavaScript s’exécute-t-il vraiment ?+

Oui, dans un iframe isolé (sandbox). Les scripts tournent, les formulaires aussi. Ils n’ont pas accès à la page du site ni à vos autres onglets.

Mon code est-il envoyé sur un serveur ?+

Non. L’aperçu se construit uniquement dans votre navigateur. Aucun HTML n’est transmis ni enregistré.

Pourquoi localStorage ou les cookies ne marchent pas ?+

Le cadre n’a pas l’origine du site (sandbox sans same-origin). C’est voulu : ça limite les fuites. Pour tester le stockage, ouvrez l’aperçu dans un nouvel onglet.

Comment voir le rendu mobile ?+

Au-dessus de l’aperçu, choisissez Fluide, Tablette (768 px) ou Mobile (390 px). Sur téléphone, basculez entre les onglets Code et Aperçu.

Autres outils utiles