Collez du HTML ou ouvrez un fichier .html pour voir son rendu instantanément.
Les ressources externes et les scripts sont désactivés.
Votre page rendue apparaîtra ici.
Collez un document complet ou un petit extrait pour vérifier le résultat du rendu. C'est utile pour examiner des exemples enregistrés, du balisage d'e-mail, des modèles générés et des idées rapides d'interface utilisateur. La visionneuse effectue le rendu HTML ; elle ne valide pas si le balisage respecte une norme.
Ouvrez un fichier .html ou .htm jusqu'à 2 Mo. Le fichier est lu et son rendu est effectué localement, il n'est pas téléversé sur Phoenix Code. Les fichiers relatifs ne sont pas importés avec lui, tandis que les images, styles, polices, cadres et médias absolus ne se chargent que 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 doivent être autorisés. Le JavaScript n'est disponible qu'avec l'accès externe, car les scripts peuvent contacter ou naviguer vers d'autres sites et peuvent rendre l'onglet non réactif. L'aperçu utilise une iframe restreinte 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.
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. La lecture et le rendu se font 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.
Le mode Surlignage relie un élément de l'Aperçu en direct à sa source HTML.
Passez d'un aperçu rapide à un projet web complet sans perdre le lien entre la source et la page rendue.