Mode d'emploi
- Collez votre code HTML dans l’éditeur en laissant « Aperçu en direct » coché.
- Laissez « JavaScript » coché pour exécuter les scripts du code, ou décochez-le pour qu’aucun script ne s’exécute.
- Sur un écran de plus de 768 px, choisissez « Côte à côte » dans « Disposition » pour voir le code et le rendu ensemble.
Exemples
Tester une fiche produit sur mobile
<style>.fiche{max-width:320px;padding:16px;border:1px solid #ccc;border-radius:8px;font-family:sans-serif}</style>
<article class="fiche"><h2>Carnet A5</h2><p>Papier recyclé · 12,90 €</p><button>Ajouter au panier</button></article>
<script>console.log('Produit affiché', {nom:'Carnet A5', prix:12.90});</script>Taille: 316 B · Éléments: 6 · Ressources externes: 0
Console (1):
Produit affiché {"nom":"Carnet A5","prix":12.9}Repérer une erreur JavaScript
<h2>Inscription à l’atelier de Lyon</h2> <script> afficherConfirmation(); </script>
Taille: 86 B · Éléments: 2 · Ressources externes: 0 Console (1): Uncaught ReferenceError: afficherConfirmation is not defined (ligne 3:1)
FAQ
Peut-on afficher une page web en collant son URL ?
Une URL seule s’affiche comme du texte : la visionneuse ne récupère pas la page. Utilisez l’outil « Voir le code source » pour consulter le HTML d’une adresse web.
Pourquoi mes images et mon fichier CSS ne s’affichent-ils pas ?
Les chemins relatifs comme img/logo.png ou style.css ne peuvent pas être chargés, sauf si le HTML contient une balise base avec un attribut href. Utilisez des URL absolues et vérifiez que « Bloquer les ressources externes » est décoché si les fichiers viennent d’un autre serveur.
Mon code HTML est-il envoyé à un serveur ou conservé ?
L’outil traite le HTML dans votre navigateur, sans l’envoyer à un serveur ni le sauvegarder entre les visites. Les ressources externes référencées peuvent toutefois contacter leurs serveurs, qui voient votre adresse IP ; cochez « Bloquer les ressources externes » pour empêcher leur chargement.
Quelle est la taille maximale d’un fichier HTML ?
Les fichiers de plus de 5 Mo sont refusés. Au-delà de 1 048 576 caractères, « Aperçu en direct » se met en pause ; actualisez le rendu avec Ctrl+Entrée, ou Cmd+Entrée sur Mac.
Peut-on visualiser un fragment HTML sans document complet ?
Vous pouvez coller un fragment sans les balises html, head ou body. Le navigateur complète le document pour afficher le rendu.