UltKit

Convertisseur HTML en JSON

Extrayez le tableau d'une page web enregistrée et récupérez-le en JSON, prêt à être parcouru par votre code. Les cellules d'en-tête donnent les noms des clés, et chaque ligne du tableau devient un objet dans un tableau JSON.

Convertisseur de données

ou déposez Fichiers CSV, TSV, TXT … ici ·

95 Mo max. par fichier· Jusqu'à 20 fichiers· Supprimés après 30 minutes

Sortie

Les fichiers sont traités sur nos serveurs et supprimés après 30 minutes.

Comment utiliser cet outil

  1. 1

    Enregistrez la page ou le tableau

    Dans votre navigateur, appuyez sur Ctrl+S (Cmd+S sur Mac) et conservez le fichier HTML, ou copiez le code du tableau depuis les outils de développement dans un fichier .html. Importez jusqu'à 20 fichiers de 95 Mo chacun.

  2. 2

    Choisissez la structure du JSON

    Le format Tableau d'objets est déjà sélectionné. Sous Réglages avancés, passez Structure JSON sur Tableau de tableaux pour obtenir un fichier plus compact, ou désactivez Mise en forme lisible pour obtenir une seule ligne.

  3. 3

    Convertissez et exploitez les données

    Cliquez sur Convertir en JSON, téléchargez le fichier, puis chargez-le avec JSON.parse en JavaScript, json.load en Python ou n'importe quel client d'API.

Enregistrez la page, importez le fichier .html : chaque ligne du tableau ressort sous forme d'objet JSON dont les clés sont les cellules d'en-tête.

Quand un tableau web doit devenir du JSON

Beaucoup de données utiles n'existent que sous forme de tableau HTML : une page de taux de change, un classement sportif, un rapport que votre intranet affiche sans jamais permettre de le télécharger, une page d'état listant tous les serveurs. Le navigateur l'affiche très bien, mais un développeur front-end qui construit un graphique, ou un testeur qui a besoin de données de test, veut plutôt un tableau d'objets.

La réponse habituelle est un scraper : récupérer la page, l'analyser avec Beautiful Soup ou Cheerio, parcourir les lignes, associer les cellules. Cela vaut la peine quand la page change tous les jours. Pour un tableau dont vous n'avez besoin qu'une fois, importer la page enregistrée est plus rapide et n'implique aucune maintenance.

Exemple de tableau HTML converti en JSON

Tableau en entrée avec les en-têtes th City et Founded, sortie en Tableau d'objets
<table>
  <tr><th>City</th><th>Founded</th></tr>
  <tr><td>Porto</td><td>1123</td></tr>
  <tr><td>Graz</td><td>1128</td></tr>
</table>

[
  { "City": "Porto", "Founded": 1123 },
  { "City": "Graz", "Founded": 1128 }
]

Ce que la conversion conserve et supprime

  • Conservés : le texte des cellules, la ligne d'en-têtes comme clés et l'ordre des lignes
  • Supprimés : CSS, styles en ligne, classes et la page autour du tableau
  • Supprimés : images et icônes dans les cellules, qui n'ont pas de valeur textuelle
  • Les cellules avec lien gardent leur texte visible, pas l'URL sous-jacente
  • Les espaces au début et à la fin des cellules sont retirés par Supprimer les espaces superflus
  • La sortie est en UTF-8, ce que la RFC 8259 exige pour le JSON échangé entre systèmes

Limites du convertisseur HTML en JSON

pages enregistrées acceptées
.html .htm
pages par lot
20
par fichier importé
95 Mo
avant suppression des fichiers
30 min

HTML et JSON côte à côte

HTML

HyperText Markup Language

HTML est le langage de balisage du web, décrit pour la première fois par Tim Berners-Lee au début des années 1990 et désormais maintenu par le WHATWG comme standard évolutif. Un fichier HTML décrit les titres, paragraphes, liens, tableaux, images et formulaires, tandis que la mise en forme provient en général du CSS. Tous les navigateurs l'affichent, et il sert aussi aux modèles d'e-mails et aux pages web enregistrées. Un fichier HTML seul dépend souvent d'images et de feuilles de style externes, et peut donc sembler cassé s'il est déplacé isolément.

Compression
–
Transparence
–
Animation
–
Année de création
1993 · Tim Berners-Lee; maintained by WHATWG
Convertisseur HTML

JSON

JavaScript Object Notation

JSON est un format texte léger pour les données structurées, popularisé par Douglas Crockford au début des années 2000 et normalisé par la RFC 8259 et ECMA-404. Il représente des objets, tableaux, chaînes, nombres, booléens et null avec une syntaxe simple et lisible. C'est le format par défaut des API web, des fichiers de configuration et des échanges de données entre applications dans presque tous les langages de programmation. Il n'intègre ni commentaires, ni dates, ni schémas, et les gros fichiers imbriqués sont difficiles à lire sans visionneuse.

Compression
–
Transparence
–
Animation
–
Année de création
2001 · Douglas Crockford
Convertisseur JSON

On convertit du HTML en JSON quand un tableau publié pour des lecteurs humains, sur une page de rapport, un intranet ou un site de statistiques publiques, doit alimenter un script, une bibliothèque de graphiques ou un test d'API.

Les deux formats viennent de traditions différentes. Le HTML, décrit pour la première fois par Tim Berners-Lee en 1991 et désormais maintenu par le WHATWG comme standard évolutif, balise des documents pour l'affichage. Le JSON, spécifié par Douglas Crockford et normalisé par la RFC 8259 et ECMA-404, ne contient que des données. Passer de l'un à l'autre consiste surtout à jeter la présentation, ce qui explique que le résultat soit en général bien plus léger que la page enregistrée. Pour les tableaux issus de flux XML plutôt que de pages web, XML en JSON fait le travail équivalent.

Questions sur la conversion HTML en JSON

Le convertisseur lit-il toute la page web ou seulement les tableaux ?

Uniquement le balisage de tableau : les lignes et cellules contenues dans les éléments table, tr, th et td. Les menus de navigation, les paragraphes et les mises en page en cartes construites avec des éléments div ne sont pas des données tabulaires ; ils ne sont donc pas convertis en JSON.

Quelle ligne fournit les clés du JSON ?

La ligne d'en-têtes, normalement les cellules th en haut du tableau. Quand La première ligne contient les en-têtes est activé, son texte devient la clé de chaque valeur située en dessous : une colonne intitulée Population donne "Population": "…" dans chaque objet.

Comment les cellules avec colspan et rowspan sont-elles traitées ?

Une cellule fusionnée couvre plusieurs positions de la grille mais ne contient qu'une seule valeur. Attendez-vous à retrouver cette valeur uniquement à la première position : vérifiez les colonnes concernées après la conversion et comblez les vides par code si votre tableau repose sur des en-têtes fusionnés.

Pourquoi les nombres de mon JSON contiennent-ils des virgules ou des appels de note ?

Les tableaux web sont écrits pour des lecteurs : une cellule peut afficher 1 204 000 ou 8,3[2]. Un nombre simple comme 1123 devient un nombre JSON, mais ces cellules ne sont pas des nombres valides et restent des chaînes ; supprimez les séparateurs et les renvois de notes par code avant de faire des calculs.

A-t-on le droit d'extraire un tableau d'un site web ?

Cela dépend des conditions d'utilisation du site et des données, pas du format de fichier. Les statistiques publiques et vos propres rapports exportés sont les cas habituels ; consultez les conditions avant de réutiliser le contenu d'autrui.

Puis-je obtenir une feuille de calcul plutôt que du JSON ?

Oui. HTML en CSV écrit le même tableau sous forme de lignes séparées par des virgules, qui s'ouvrent dans Excel, Google Sheets ou Numbers.