Discuvr Visualiseur HTML
Esc

Bureau et données

CSV vers Excel Collez un CSV et voyez-le aussitôt sous forme de tableur, avec des nombres, des dates et des identifiants typés comme Excel doit les stocker. Téléchargez un .xlsx propre seulement si vous le voulez. Signer un PDF Signez un PDF dans votre navigateur : dessinez, tapez ou importez votre signature, placez-la sur n'importe quelle page, ajoutez la date et téléchargez la copie signée. Le fichier ne quitte jamais votre appareil. Caviarder Caviardez définitivement des fichiers PDF, Word, Excel, PowerPoint, texte et images. Les occurrences et les cadres sont supprimés du fichier lui-même, pas masqués, et le résultat est revérifié avant le téléchargement. Quelle est mon IP Voyez l'adresse IP publique que les sites voient quand vous vous connectez, si elle est partagée (CGNAT) ou privée, et ce que votre navigateur révèle d'autre. Convertisseur de casse et outils de lignes Passez un texte en MAJUSCULES, minuscules, Casse Titre ou Casse phrase, transformez des noms en camelCase ou snake_case, et supprimez les lignes en double ou triez une liste. Comparateur de textes Collez deux versions d'un texte pour voir chaque ligne ajoutée, supprimée et modifiée, avec les mots changés surlignés.

Rédaction et propositions

Peaufinage du ton Reformatez ce que vous avez écrit avec une grammaire, une structure et une articulation correctes - avec votre propre voix. Un collage, une réponse, aucune session de chat. Générateur de propositions freelance Décrivez le problème d'un client et obtenez en quelques secondes une proposition freelance cadrée, chiffrée et prête à envoyer.

Juridique et conformité

Chatbot Q&A en droit de la PI Posez vos questions sur le droit indien de la PI - marques, brevets, droit d'auteur, dessins et plus, avec les résultats de recherche web utilisés au-dessus de chaque réponse. Générateur de réponse aux FER de brevet Collez les objections d'un premier rapport d'examen (FER) pour rédiger une réponse structurée, ou téléversez un projet pour une revue des risques de PI. Outil d'éligibilité aux programmes gouvernementaux Répondez une seule fois à une courte série de questions. Connectez-vous et nous enregistrons vos réponses, afin que vous puissiez vérifier à quels programmes du gouvernement central vous pourriez être éligible sans les retaper.

Confidentialité & Sécurité

Analyse de sécurité de site web Analysez un domaine à la recherche de faiblesses de sécurité réelles et reproductibles. Chaque résultat contient l'observation sous-jacente et la commande pour la vérifier vous-même. Nettoyage d'images Voyez exactement ce que votre photo révèle sur vous - GPS, numéro de série de l'appareil photo, votre nom - puis supprimez tout. Rogniez, redimensionnez, floutez les visages et convertissez, le tout sans que l'image ne soit stockée nulle part.

Outils pour développeurs

JSON Formatter Embellissez, minifiez et validez du JSON en un seul collage - avec la ligne et la colonne exactes lorsqu'il ne peut pas être analysé, et un décompte de ce que contient réellement le document. Formateur Python Reformatez du Python comme le ferait Black, avec la longueur de ligne et la gestion des guillemets de votre choix - et un décompte exact du nombre de lignes modifiées. Visualiseur HTML Collez du HTML et observez le rendu en direct dans une sandbox, à la largeur d'un mobile, d'une tablette ou d'un ordinateur, avec embellissement, minification, console pour les scripts et rapport d'erreurs du balisage. Calculateur de sous-réseau IP Saisissez une notation CIDR ou une IP avec un masque de sous-réseau et obtenez instantanément l'adresse réseau, l'adresse de diffusion, la plage d'hôtes utilisables et le nombre total d'adresses. Encoder / Décoder Encodez ou décodez Base64, Base64URL, l'encodage URL en pourcentage, les entités HTML et l'hexadécimal pendant la saisie, avec prise en charge complète de l'UTF-8. Convertisseur d'horodatage Unix Convertissez un horodatage Unix en secondes, millisecondes, microsecondes ou nanosecondes en date en UTC ou dans un grand fuseau horaire mondial, et une date en horodatage. Créateur de diagrammes de systèmes Tapez des flèches comme User -> API -> Database et obtenez un diagramme d'architecture ou de flux déjà mis en page. Repliez les groupes pour la vue d'ensemble, numérotez les étapes pour le détail.

Atelier IA

AI Playground Comparez les réponses de plusieurs fournisseurs de LLM côte à côte en temps réel. Utilisez vos propres clés API. Playground d'agents Expérimentez avec des agents IA utilisant des outils - recherche web, calculatrice, récupération d'URL - chez plusieurs fournisseurs.

Apprentissage

Study Buddy Un coach de préparation aux entretiens pour les meilleurs postes tech, du premier jour de révision à l'offre acceptée : un programme couvrant le DSA, le LLD, la conception de systèmes, les entretiens comportementaux et le codage assisté par IA, des entretiens blancs, une relecture de CV, un suivi des candidatures et un comparateur d'offres.

Outils du quotidien

Générateur de codes QR Créez des codes QR à partir de texte, d'URL, d'identifiants WiFi ou de coordonnées - en images PNG ou en vecteurs SVG, avec le niveau de correction d'erreurs de votre choix. Convertisseur d'unités Convertissez instantanément entre les unités de longueur, poids, température, volume, vitesse, superficie et énergie - plus de 40 types d'unités avec des résultats instantanés. Générateur de mots de passe Générez un mot de passe aléatoire grâce à un générateur aléatoire cryptographiquement sûr, ajustez sa longueur et ses types de caractères, et consultez sa robustesse en bits d'entropie. Compteur de mots et analyseur de lisibilité Compte les mots, les caractères, les phrases et les paragraphes, estime le temps de lecture et évalue la lisibilité - avec un comptage par caractère réel pour le texte en chinois, japonais, coréen et thaï. Calculateur d'âge et de différence de dates Trouvez l'âge exact d'une personne, ou la différence exacte entre deux dates quelconques, en années, mois et jours, ainsi que le nombre total de jours et de semaines. Calculateur d'écart entre dates Comptez les jours, semaines, mois et jours ouvrés entre deux dates, ou ajoutez et soustrayez des jours à une date. Calculateur de pourcentage Calculez X% de Y, quel pourcentage représente un nombre par rapport à un autre, la variation en pourcentage entre deux nombres, ou le pourcentage inverse - quatre calculs courants dans un seul outil. Calculateur SIP Voyez ce que devient un investissement mensuel avec hausse annuelle, apport initial et inflation, ou trouvez le montant mensuel qu'exige un objectif. Calculateur d'IMC Calculez votre Indice de Masse Corporelle (IMC) à partir de votre taille et de votre poids, en unités métriques ou impériales, classé selon les catégories de l'OMS pour adultes : insuffisance pondérale, normal, surpoids, obésité.
Se connecter Commencer
Tous les outilsOutils pour développeurs

Visualiseur HTML

Collez du HTML et observez le rendu en direct à n'importe quelle largeur d'écran, puis nettoyez-le, réduisez-le ou vérifiez la présence de problèmes.

Largeur

HTML

Aperçu

Cliquez sur Inspecter pour voir le nombre d'éléments, la structure des titres et la liste des problèmes dans le balisage.

À propos Visualiseur HTML

Un modèle d'e-mail, un extrait de ticket, un rapport exporté : parfois, il faut simplement voir à quoi ressemble un bout de HTML. Collez-le et il s'affiche pendant que vous tapez, dans un cadre verrouillé, à la largeur d'écran choisie. À côté de l'aperçu, vous pouvez le remettre en forme, le réduire, exécuter ses scripts avec une console et voir la liste de ce qui ne va vraiment pas dans le balisage.

Ce qu'il fait

  • Aperçu en direct pendant la saisie ; au-delà de 200 000 caractères, il se met en pause jusqu'à ce que vous cliquiez sur Actualiser.
  • Tailles d'aperçu mobile, tablette, bureau et pleine largeur, plus le plein écran.
  • Les scripts sont désactivés par défaut ; activez-les pour voir la sortie de la console et les erreurs.
  • Embellissez un balisage désordonné ou minifiez-le, sans toucher au contenu de pre, script ou style.
  • Un rapport d'inspection : nombre d'éléments, plan des titres et problèmes concrets.
  • Ouvrez un fichier .html local, copiez le résultat ou téléchargez-le.

Comment ça marche

  1. 1 Collez du HTML, ouvrez un fichier .html ou chargez l'exemple.
  2. 2 Choisissez une largeur d'aperçu et décidez si les scripts peuvent s'exécuter.
  3. 3 Embellissez, minifiez ou inspectez, puis copiez ou téléchargez le résultat.

Pourquoi l'aperçu est isolé

Le HTML collé peut contenir des scripts, des formulaires et des liens que vous n'avez pas écrits. L'aperçu s'exécute dans un iframe sandbox avec sa propre origine opaque : rien à l'intérieur ne peut lire les cookies de ce site ni votre session, envoyer des données en votre nom ou faire quitter cette page. Les scripts restent désactivés tant que vous ne les activez pas.

Ce que vérifie l'inspection

Elle lit le balisage avec un analyseur HTML standard et ne signale que ce qu'elle a vu : balises ouvertes jamais fermées, balises fermantes sans ouverture, images sans texte alternatif, id en double, liens ouvrant un nouvel onglet sans rel="noopener", niveaux de titre sautés, ressources chargées en http:// et, pour une page complète, l'absence de doctype, de title, de lang ou de balise viewport.

Ce que l'inspection laisse passer, volontairement

Elle signale des erreurs, pas le style. Les balises de fin que la norme HTML permet d'omettre, comme </p>, </li>, </td>, </tr> et </option>, ne sont jamais listées comme non fermées, et les éléments vides comme <br>, <img> et <input> n'ont pas de balise de fin. Un alt="" vide compte comme texte alternatif, ce qui est correct pour une image décorative. Un lien target="_blank" passe avec rel="noopener" ou rel="noreferrer". Un simple lien http:// dans <a href> n'est pas compté comme non sécurisé ; seules les ressources chargées, comme les images, scripts, feuilles de style et iframes, le sont. Remonter dans les niveaux de titre (de h4 à h2) ne pose pas de problème ; seul un saut vers le bas qui saute un niveau (de h2 à h4) est signalé. Les contrôles doctype, title, lang et viewport ne s'appliquent que si le contenu collé est une page complète, c'est-à-dire avec un doctype ou une balise html, head ou body : un bloc d'e-mail ou un extrait de CMS n'est pas pénalisé.

Vérifier un e-mail HTML avant l'envoi

Prévisualisez-le d'abord en largeur Mobile (375 px), car beaucoup de gens ouvrent leurs e-mails sur téléphone, puis en Tablette (768 px) et Ordinateur (1280 px). Laissez les scripts désactivés : les messageries n'exécutent pas JavaScript, donc l'aperçu sans scripts est plus proche de ce que verra le lecteur. Utilisez des URL d'image absolues en https://, car ni l'aperçu ni la messagerie du destinataire ne voient les fichiers de votre ordinateur. Minifier supprime les commentaires ordinaires mais garde les commentaires conditionnels qui commencent par <!--[if, comme <!--[if mso]> ... <![endif]-->. Il ne garde pas la fermeture <!--<![endif]--> du motif <!--[if !mso]><!-->, donc ne minifiez pas un modèle qui l'utilise, sinon Outlook risque de masquer tout ce qui suit. L'aperçu est un rendu de navigateur ; Outlook classique pour Windows affiche les e-mails avec le moteur de Word, alors envoyez-vous un test dessus avant un gros envoi.

Questions

Mon HTML est-il envoyé ou stocké ?

L'aperçu, l'embellissement et la minification se font dans votre navigateur. Seul le rapport d'inspection envoie le balisage au serveur, où il est analysé et renvoyé dans la même réponse : rien n'est écrit sur disque ni journalisé, et les statistiques d'usage ne gardent que des nombres.

Pourquoi mes scripts ne s'exécutent-ils pas ?

Les scripts sont désactivés par défaut, car le code collé n'est pas fiable. Cochez "Exécuter les scripts" : l'aperçu se recharge avec JavaScript activé, toujours dans la sandbox, et la sortie de la console s'affiche sous l'aperçu.

Pourquoi les images ou feuilles de style relatives ne se chargent-elles pas ?

L'aperçu est construit à partir du texte collé, pas depuis votre ordinateur ni votre serveur : un chemin relatif comme images/logo.png est donc cherché sur ce site et introuvable. Utilisez des URL absolues, ou ajoutez une balise <base href="..."> qui pointe vers l'emplacement réel des fichiers.

L'embellissement change-t-il l'apparence de la page ?

Il ne fait que réindenter entre les balises et laisse intact le contenu de pre, textarea, script et style. L'espace entre éléments en ligne peut parfois se décaler légèrement, vérifiez donc l'aperçu après la mise en forme.

Quelle taille de document est acceptée ?

Le rapport d'inspection accepte jusqu'à 1 000 000 de caractères et liste au plus 200 problèmes. L'aperçu en direct se met en pause au-delà de 200 000 caractères pour que la saisie reste fluide ; cliquez sur Actualiser ou appuyez sur Ctrl+Entrée pour le mettre à jour.

Puis-je prévisualiser un modèle d'e-mail HTML ?

Oui. Collez le HTML de l'e-mail ou ouvrez le fichier .html, passez la largeur sur Mobile (375 px) puis Ordinateur (1280 px) pour voir les deux mises en page, et cliquez sur Inspecter pour repérer les images sans texte alternatif et les ressources chargées en http:// non chiffré. L'aperçu utilise le moteur de votre navigateur, alors que chaque client de messagerie a le sien et beaucoup ignorent une partie du CSS : il montre donc à peu près ce qu'affiche un webmail dans le navigateur, pas exactement ce que verra chaque boîte de réception. Les clients de messagerie n'exécutent pas JavaScript, laissez donc Exécuter les scripts désactivé. Avant l'envoi réel, envoyez un test vers les clients qu'utilisent vos lecteurs.

Est-il sûr d'ouvrir un fichier HTML qu'on m'a envoyé ?

C'est plus sûr que de l'ouvrir directement. Ouvrir un fichier le charge dans l'éditeur de votre navigateur, et rien n'est envoyé au serveur tant que vous ne cliquez pas sur Inspecter. L'aperçu est un cadre isolé où les scripts et l'envoi de formulaires sont désactivés : la page ne peut ni exécuter de code, ni envoyer un formulaire, ni accéder aux cookies de ce site. Les images et feuilles de style avec une adresse http(s) complète se chargent quand même, donc l'expéditeur peut savoir que le fichier a été ouvert. Lisez d'abord le code, laissez Exécuter les scripts décoché et ne saisissez jamais de mot de passe dans une page reçue.

Pourquoi les lettres accentuées deviennent-elles � quand j'ouvre un fichier ?

Ouvrir un fichier lit toujours le fichier en UTF-8 et ignore la balise <meta charset> qu'il contient. Une page enregistrée en Windows-1252 ou ISO-8859-1, fréquent avec d'anciens éditeurs et exports Windows, code les lettres comme é, è ou ç avec des octets qui ne sont pas de l'UTF-8 valide, et chacune s'affiche alors comme le caractère de remplacement �. Ouvrez le fichier dans votre éditeur, enregistrez-le à nouveau en UTF-8 (Bloc-notes : Enregistrer sous, Encodage UTF-8 ; VS Code : cliquez sur l'encodage dans la barre d'état, puis Enregistrer avec l'encodage) et rouvrez-le ici. Vous pouvez aussi ouvrir le fichier dans votre navigateur, afficher son code source et le coller ici : le navigateur l'a déjà décodé avec le charset de la page.

Pourquoi un formulaire ou un lien qui ouvre un nouvel onglet ne fait-il rien dans l'aperçu ?

Le bac à sable n'autorise jamais l'envoi de formulaires ni les fenêtres pop-up, même avec Exécuter les scripts coché : cliquer sur Envoyer n'envoie rien, et les liens target="_blank" comme les appels window.open() sont bloqués. Une page collée ne peut ainsi ni transmettre de données ni ouvrir d'autres sites. Les liens ordinaires s'ouvrent dans le cadre de l'aperçu, et les sites qui refusent d'être affichés dans un cadre y apparaissent vides ou refusés. Pour vérifier un formulaire, lisez son action, sa method et ses champs dans le code ; Inspecter liste aussi chaque lien target="_blank" sans rel="noopener". Testez l'envoi réel sur votre propre serveur de développement.