Aperçu HTML

Prévisualisez le HTML, le CSS et le JavaScript dans un espace de travail local du navigateur, puis affichez-le dans une iframe en bac à sable qui reste isolée de la page ComUtil parent.

Qu'est-ce que l'aperçu HTML ?

L'aperçu HTML vous offre un espace de travail axé sur le navigateur pour tester ensemble le HTML brut, le CSS et le JavaScript. Ceci est utile lorsque vous souhaitez prototyper des idées d'interface utilisateur, vérifier le comportement de la mise en page ou dépanner rapidement le balisage sans passer à une configuration de projet local plus lourde.

Comment ça marche

L'éditeur stocke votre brouillon localement dans le navigateur, puis actualise l'aperçu en écrivant dans une iframe en bac à sable avec une origine isolée. Les scripts peuvent s'exécuter dans cet aperçu, mais le bac à sable les maintient séparés de la page ComUtil parent et le chemin de l'onglet dédié préserve cette même limite.

Cas d'utilisation courants
  • Apprendre et pratiquer HTML/CSS
  • Composants d'interface utilisateur de prototypage
  • Tester des conceptions réactives
  • Débogage des problèmes de mise en page CSS
  • Vérifier les extraits HTML isolés avant de les partager
Caractéristiques
  • Aperçu en bac à sable au fur et à mesure que vous tapez
  • Prise en charge complète de HTML/CSS/JavaScript
  • Stockage des brouillons locaux dans le navigateur
  • Onglet sandbox dédié pour des aperçus plus grands
Foire aux questions

Puis-je utiliser des frameworks CSS externes ?

Oui, vous pouvez inclure des liens CDN pour Bootstrap, Tailwind ou tout autre framework. Ajoutez la balise de lien dans la section d'en-tête de votre code HTML.

Mon code est-il enregistré ?

Le code est enregistré dans le stockage local de votre navigateur. Il persiste entre les sessions sur le même appareil mais n'est pas synchronisé entre les appareils.