Aperçu HTML en direct

Qu est-ce qu un aperçu HTML en direct ?

L aperçu HTML en direct est un outil en ligne pour le développement web, l apprentissage et le débogage. Saisissez un document HTML complet ou un fragment ; le rendu HTML, CSS et JavaScript s effectue dans un iframe isolé.

Comment utiliser l aperçu HTML en ligne

1
Saisissez le code : Collez un document ou fragment HTML dans l éditeur. Le CSS et les scripts inline peuvent rester dans le même code.
2
Vérifiez les changements : Avec la mise à jour automatique, les changements sont appliqués après un court délai. Vous pouvez aussi utiliser Actualiser ou Ctrl + Enter.
3
Ajustez la vue : Choisissez une largeur adaptative, mobile ou tablette et ajustez la hauteur pour vérifier rapidement un layout responsive.
4
Vérifiez les journaux et exportez : Les journaux et erreurs de script envoyés par la page apparaissent dans la console. Vous pouvez copier le code ou le télécharger en HTML.

Fonctions utiles de l aperçu HTML

Exécution isolée

Le contenu s exécute dans un iframe sandbox afin de limiter son effet sur le site actuel.

Vérification responsive rapide

Utilisez les préréglages mobile, tablette et adaptatif pour vérifier le layout à différentes largeurs.

Retour de la console

Capturez les journaux, avertissements et erreurs de script envoyés par la page pour repérer les problèmes d interaction.

Copier et télécharger le code

Après le débogage, copiez le code actuel ou téléchargez-le comme fichier .html autonome.

Questions fréquentes

Le CSS et JavaScript sont-ils pris en charge ?

Oui. Les scripts peuvent s exécuter dans l iframe isolé et JavaScript peut être désactivé pour vérifier seulement HTML et CSS. Les règles du sandbox et du navigateur restent applicables.

Pourquoi une ressource externe ne se charge-t-elle pas ?

Les causes courantes sont une URL incorrecte, un serveur indisponible, du contenu HTTP sur une page HTTPS, des restrictions cross-origin ou une ressource nécessitant une connexion.

Le code HTML est-il envoyé à un serveur ?

L aperçu est généré dans un iframe du navigateur et n a pas besoin d envoyer le code au backend de HTML Tool. Les ressources externes peuvent contacter leurs serveurs ; vérifiez les liens et scripts avant de saisir des données sensibles.