Bac à Sable de Code en Direct
Écrivez du HTML, CSS et JavaScript et voyez le résultat instantanément dans un aperçu professionnel à écran partagé
Qu'est-ce que le bac à sable de code en direct de Fastols ?
Cet outil permet d'écrire du code HTML, CSS et JavaScript dans des éditeurs distincts, avec un aperçu en direct du résultat dans un cadre indépendant et une zone d'affichage pour les messages console.log émis par le code.
Le code saisi est enregistré automatiquement dans votre navigateur : il reste disponible lorsque vous rouvrez la page depuis le même appareil et le même navigateur.
Le code s'exécute uniquement dans votre navigateur
HTML, CSS et JS s'exécutent localement dans l'aperçu isolé — rien n'est téléversé.
Aperçu en direct pendant la saisie
Observez votre résultat rendu se mettre à jour instantanément à chaque frappe.
Aucune inscription pour commencer à coder
Ouvrez l'environnement et testez des extraits immédiatement, gratuitement.
Comment utiliser le bac à sable de code en direct
- 1Écrivez le code HTML dans l'onglet HTML, le code de mise en forme dans l'onglet CSS et le code de programmation dans l'onglet JS.
- 2Cliquez sur « Exécuter » pour lancer le code et voir le résultat dans l'aperçu.
- 3Consultez les éventuels messages console.log affichés dans la zone Console située sous l'éditeur.
- 4Cliquez sur « Réinitialiser » pour revenir au code par défaut si nécessaire.
Questions fréquentes sur le bac à sable de code en direct
Le code que j'écris est-il conservé après la fermeture de la page ?
Oui, le code est enregistré automatiquement dans le stockage local de votre navigateur et réapparaît lorsque vous rouvrez la page depuis le même navigateur et le même appareil.
Où s'affichent les messages console.log que j'écris dans mon code JavaScript ?
Ces messages s'affichent dans la zone Console prévue dans l'outil, avec un compteur indiquant le nombre de messages affichés.
Que fait le bouton « Réinitialiser » ?
Le bouton « Réinitialiser » remplace le code actuel des trois éditeurs par un code d'exemple par défaut, prêt à l'emploi.
Le code JavaScript écrit s'exécute-t-il dans un cadre indépendant ?
Oui, l'aperçu s'affiche dans un cadre (iframe) indépendant du reste des éléments de la page, de sorte que le code s'exécute dans un environnement isolé.
Le code saisi est-il envoyé à un serveur ?
Non, le code s'exécute entièrement dans le navigateur et n'est enregistré que dans le stockage local de ce même navigateur, sans être envoyé à aucun serveur.