Visionneuse HTML

Collez un fichier HTML — ou le bloc de code qu’une IA vient de vous donner — et voyez la vraie page immédiatement. Les modifications à gauche s’affichent à droite au fil de la saisie. Tout se passe dans votre navigateur : rien n’est envoyé tant que vous ne décidez pas d’en faire un lien.

Collez du HTML ici, ou déposez un fichier .html n’importe où sur cette page
HTML0 B
Aperçu
Votre page s’affichera ici au fil de la saisie.

Transformer cette page en lien

Un clic envoie exactement ce HTML vers une adresse hdply gratuite. Aucun compte pour essayer ; le lien dure une heure, et un compte gratuit le conserve pour de bon.

Ce que fait cette visionneuse, et ce qu’elle ne fait pas

L’aperçu est un cadre en bac à sable. Votre HTML s’exécute avec ses propres scripts et styles, mais dans une origine isolée : il ne peut lire ni cette page, ni vos cookies, ni rien d’autre dans l’onglet. C’est pourquoi coller un code que vous n’avez pas lu ligne par ligne ne présente aucun risque.

Elle rend exactement ce qu’un visiteur recevrait d’un fichier unique. Tout ce que votre HTML référence par chemin relatif — styles.css, images/hero.jpg, script.js — n’existe pas ici, pas plus que sur un hébergeur où l’on dépose un seul fichier. Si l’aperçu paraît sans style, c’est la raison : mettez le CSS en ligne, ou pointez vers une URL absolue.

Les largeurs téléphone et tablette sont de vraies largeurs de viewport, pas des captures réduites : les media queries se déclenchent comme sur l’appareil. Passez en mode téléphone avant d’envoyer un lien : la plupart des destinataires l’ouvriront sur un téléphone.

Questions fréquentes

Mon HTML est-il envoyé quelque part quand je le colle ?

Non. Le rendu se fait dans votre navigateur, dans un cadre en bac à sable. Rien ne quitte cet onglet tant que vous n’appuyez pas sur « Obtenir un lien », et seul le HTML de l’éditeur est alors envoyé.

Pourquoi la page diffère-t-elle du fichier sur mon ordinateur ?

Presque toujours à cause des chemins relatifs. Un lien comme styles.css ou images/photo.png pointe vers un fichier à côté de votre HTML sur le disque, que la visionneuse ne peut pas voir. Placez le CSS dans une balise <style> et utilisez des URL https:// complètes ou des data URI pour les images, et ce sera identique.

Le JavaScript s’exécute-t-il dans l’aperçu ?

Oui. Les scripts tournent dans le bac à sable, isolés de cette page : pages interactives, graphiques et petites applications fonctionnent. Ce qui nécessite des cookies ou du stockage local pour le cadre lui-même peut être limité par le bac à sable.

Y a-t-il une limite de taille ?

Pas pour la visionneuse. L’étape « Obtenir un lien » accepte jusqu’à 1 Mo par page, largement assez pour un fichier autonome ; les grandes images ont leur place sur une URL externe.

Outils → · Guides →