Collez du HTML ou ouvrez un fichier .html pour voir son rendu instantanément.
Votre page rendue apparaîtra ici.
Les ressources externes et les scripts sont désactivés.
Collez un document complet ou un petit extrait de code pour vérifier le résultat du rendu. Le visualiseur de code HTML est utile pour consulter des exemples enregistrés, le balisage d'e-mails, des modèles générés et des idées rapides d'interface utilisateur (UI). C'est un visualiseur HTML, pas un validateur — il effectue le rendu du balisage sans vérifier s'il respecte une norme.
Ouvrez un fichier .html ou .htm jusqu'à 2 Mo — un visualiseur de fichiers HTML et un lecteur HTML en ligne pour les pages que vous avez enregistrées ou reçues. Le fichier est lu et son rendu est effectué localement, et n'est pas téléversé sur Phoenix Code. Les fichiers relatifs ne sont pas importés, tandis que les images, styles, polices, cadres et médias absolus se chargent uniquement lorsque vous activez les ressources externes.
Le HTML et le CSS en ligne fonctionnent par défaut. Les images, styles, polices, cadres ou médias externes nécessitent une activation. Le JavaScript n'est disponible qu'avec l'accès externe, car les scripts peuvent contacter d'autres sites ou y naviguer et peuvent rendre l'onglet non réactif. Le moteur de rendu HTML utilise un iframe restreint sans accès de même origine ; les formulaires, les pop-ups, les téléchargements depuis l'aperçu et la navigation de niveau supérieur restent bloqués.
Basculez la vue entre les préréglages Adaptatif, Ordinateur, Tablette et Mobile, ou saisissez une largeur personnalisée en pixels pour voir comment une mise en page s'adapte. L'outil fonctionne également sur les téléphones, il sert donc aussi de visualiseur HTML mobile lorsque vous devez vérifier une page loin de votre bureau.
Collez le code HTML dans le panneau source. L'aperçu en direct est activé par défaut, le rendu s'actualise donc dès que vous marquez une pause dans la saisie. Désactivez l'aperçu en direct si vous préférez utiliser le bouton Actualiser l'aperçu manuellement.
Oui. Choisissez « Ouvrir un fichier .html » et sélectionnez un fichier .html ou .htm jusqu'à 2 Mo. Le lecteur de code HTML fonctionne entièrement dans votre navigateur ; le fichier lui-même n'est pas téléversé sur Phoenix Code.
Le CSS en ligne est activé. Les ressources de page externes sont bloquées jusqu'à ce que vous sélectionniez Autoriser les ressources externes. Pour exécuter du JavaScript, activez d'abord les ressources externes ; les scripts de l'aperçu peuvent contacter ou naviguer vers d'autres sites et peuvent rendre l'onglet non réactif. N'exécutez que du code de confiance.
Un visualiseur sert à effectuer rapidement le rendu d'un document ou d'un extrait de code. Un éditeur prend en charge un travail d'édition plus long, comme la gestion des fichiers de projet, les suggestions de code et l'aperçu synchronisé. Phoenix Code fournit l'édition HTML et CSS avec Live Preview, tandis que Phoenix Pro ajoute l'édition visuelle directe et des outils d'aperçu sur appareil plus riches.
Oui. C'est un visualiseur HTML gratuit sans inscription ni installation, et les seules limites sont la taille de fichier de 2 Mo et un maximum de 2 millions de caractères. Comme le rendu s'effectue localement, rien n'est téléversé et l'outil reste rapide sur les connexions lentes.
Le mode Surlignage relie un élément de l'Aperçu en direct à sa source HTML.
Passez d'un aperçu rapide à l'écriture et au test de code HTML dans un projet web complet, sans perdre la connexion entre la source et la page rendue.