• DONNÉES PROPRES
  • ATTRIBUTS
  • CONTEXTE
  • HUMAIN

Extraire des données web précises avec votre IA

Connectez ce MCP une seule fois. Ensuite, votre agent pourra cibler n'importe quel élément d'une page web grâce aux sélecteurs CSS standards.

Demandez à l'IA à propos de cette page

Réponse rapide

Comment extraire des données précises sans encombrer le contexte de mon IA ?

Utilisez des sélecteurs CSS pour cibler uniquement les éléments HTML qui vous intéressent. Votre agent récupère ainsi le texte ou les attributs exacts en ignorant le reste de la page. Vous verrez ci-dessous comment cela optimise vos échanges.

Les résultats obtenus

Extraction de données précises

L'agent filtre le web pour trouver exactement ce que vous cherchez.

DONNÉES PROPRES

Extraction de texte ciblée

L'agent extrait des chaînes de caractères spécifiques du DOM. Vous obtenez des valeurs nettes plutôt que des blocs de code HTML bruts.

ATTRIBUTS

Récupérer les attributs d'éléments

Votre IA peut extraire des liens, des sources d'images ou des identifiants. Idéal pour constituer des listes d'URLs ou de ressources média.

CONTEXTE

Consommation de tokens réduite

Comme l'agent ne lit que les éléments demandés, il ne gaspille pas d'espace avec les en-têtes, les pieds de page ou les publicités. Votre fenêtre de contexte reste disponible plus longtemps.

HUMAIN

Vérification manuelle des sélecteurs

Si un sélecteur échoue ou ne renvoie rien, vous devrez inspecter la page vous-même pour trouver le bon chemin CSS.

Le flux

Ce que fait votre IA lorsqu'une URL est fournie.

L'agent agit comme un outil de scraping chirurgical.

  1. Identifier les cibles

    Vous indiquez à votre agent quels sélecteurs CSS rechercher, comme une classe ou un ID spécifique.

    query_dom

  2. Exécuter la requête

    L'agent applique le sélecteur au DOM de la page pour isoler les nœuds demandés.

    query_dom

  3. Filtrer le contenu

    L'agent supprime les balises HTML environnantes pour ne garder que le texte brut ou les valeurs d'attributs.

    query_dom

  4. Formater les résultats

    L'agent organise les données extraites dans une structure exploitable directement dans votre chat.

    query_dom

Essayez

Copiez ces exemples pour commencer.

Utilisez ces prompts pour débuter l'extraction de données immédiatement.

Points de départ

Remplacez le texte entre crochets par vos sélecturs CSS ou vos éléments cibles.

Cheerio DOM Connector

Tout est prêt. Choisissez votre client MCP et suivez les instructions de configuration.

Lien du connecteurhttps://edge.vinkius.com/vk_preview_yforvmpWi3y9TqnYhrCHzOXtUdI6qMtPsOkV6gLr/mcp

Claude Desktop

Suivez les étapes ci-dessous pour vous connecter en quelques secondes.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Cheerio DOM capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopier
{
  "mcpServers": {
    "html-dom-query-engine-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_yforvmpWi3y9TqnYhrCHzOXtUdI6qMtPsOkV6gLr/mcp"
    }
  }
}
Copiez dans le chat04

  • Utilise HTML DOM Query Engine pour récupérer le texte de tous les éléments 'h2' sur https://example.com/news.

  • Trouve l'attribut 'href' de chaque lien situé dans la classe '.product-grid' sur cette page : https://store.com/items.

  • Extrais le texte contenu dans l'élément avec l'ID 'price-tag' sur https://retailer.com/product/123.

  • Liste les attributs 'src' de toutes les images présentes dans la div 'article-body' sur https://blog.com/post/1.

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Commencez ici

Connectez HTML DOM Query Engine une fois, puis posez vos questions.

Cliquez sur le lien pour établir la connexion. Vos identifiants restent cryptés et vous pouvez interroger n'importe quel site via votre client IA habituel.

Connecter HTML DOM Query Engine à votre IA

FAQ

Fonctionnement de la tâche

  • 01

    L'IA peut-elle cliquer sur des boutons ou remplir des formulaires ?

    Non. Ce MCP est conçu pour lire et interroger des éléments DOM existants, pas pour interagir avec les pages ou naviguer sur le web.

  • 02

    Que se passe-t-il si le sélecteur CSS est incorrect ?

    L'agent renverra un résultat vide ou une erreur. Vous devrez fournir un sélecteur valide pour que l'outil puisse trouver des données.

  • 03

    L'IA voit-elle l'intégralité de la page web ?

    L'agent utilise l'outil pour regarder uniquement les parties spécifiques que vous demandez. Il n'ingère pas tout le fichier HTML dans sa mémoire, sauf si vous le lui demandez explicitement.

  • 04

    Peut-il extraire des données de sites nécessitant une connexion ?

    Non. L'outil interroge le DOM de la page telle qu'elle est accessible par l'agent. Il ne peut pas contourner une authentification ou se connecter à un compte.

  • 05

    L'IA peut-elle modifier le contenu du site ?

    Non. Cet outil est en lecture seule. Il peut extraire des informations du HTML, mais ne peut ni modifier, ni supprimer, ni uploader quoi que ce soit sur le web.

  • D'autres questions sur HTML DOM Query Engine ? La page du connecteur y répond. Voir toutes les capacités du connecteur HTML DOM Query Engine

Connectez Cheerio DOM à Claude, Cursor, ChatGPT et d'autres