• SAUBERE DATEN
  • ATTR-DATEN
  • KONTEXT
  • MANUELL

Webdaten gezielt mit deiner KI extrahieren

Verbinde diesen MCP einmalig. Danach kann dein Agent jedes beliebige Element auf einer Webseite mithilfe von Standard-CSS-Selektoren finden.

Fragen Sie die KI zu dieser Seite

Kurzantwort

Wie ziehe ich gezielte Daten von einer Website, ohne den Kontext meiner KI zu überlasten?

Du nutzt CSS-Selektoren, um nur die HTML-Elemente anzusprechen, die du wirklich brauchst. So extrahiert dein Agent präzise Texte oder Attribute und ignoriert den restlichen Datenmüll der Seite. Unten siehst du, wie effizient das deine Konversationen macht.

Deine Ergebnisse

Präzise Datenextraktion

Der Agent durchsucht das Web, um exakt das zu finden, was du suchst.

SAUBERE DATEN

Gezielte Textextraktion

Der Agent zieht spezifische Zeichenfolgen aus dem DOM. Du erhältst saubere Werte statt unübersichtlicher, roher HTML-Blöcke.

ATTR-DATEN

Element-Attribute erfassen

Deine KI kann Links, Bildquellen oder IDs auslesen. Ideal, um Listen von URLs oder Medienressourcen zu erstellen.

KONTEXT

Geringer Token-Verbrauch

Da der Agent nur die angeforderten Elemente liest, verschwendet er keinen Platz für Header, Footer oder Werbung. Das hält dein Kontextfenster länger frei.

MANUELL

Manuelle Selektor-Prüfung

Falls ein Selektor fehlschlägt oder nichts liefert, musst du die Seite selbst untersuchen, um den korrekten CSS-Pfad zu finden.

Der Ablauf

Was deine KI tut, sobald eine URL vorliegt.

Der Agent fungiert als präzises Werkzeug für das Web-Scraping.

  1. Ziele identifizieren

    Du sagst deinem Agenten, nach welchen CSS-Selektoren er suchen soll, zum Beispiel einer bestimmten Klasse oder ID.

    query_dom

  2. Abfrage ausführen

    Der Agent wendet den Selektor auf das DOM der Seite an, um die gewünschten Knoten zu isolieren.

    query_dom

  3. Inhalte filtern

    Der Agent entfernt die umschließenden HTML-Tags, sodass nur der reine Text oder die Attributwerte übrig bleiben.

    query_dom

  4. Ergebnisse formatieren

    Der Agent bereitet die extrahierten Daten so auf, dass du sie direkt in deinem Chat verwenden kannst.

    query_dom

Probieren Sie es

Kopiere diese Vorlagen zum Start.

Nutze diese Prompts, um sofort mit der Datenextraktion zu beginnen.

Startpunkte

Ersetze den Text in den Klammern durch deine spezifischen CSS-Selektoren oder Ziel-Elemente.

Cheerio DOM Connector

Alles bereit. Wählen Sie Ihren MCP-Client und folgen Sie den Einrichtungsschritten.

Connector-Linkhttps://edge.vinkius.com/vk_preview_yforvmpWi3y9TqnYhrCHzOXtUdI6qMtPsOkV6gLr/mcp

Claude Desktop

Folgen Sie den Schritten unten, um sich in Sekunden zu verbinden.

  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.
Konfiguration · claude_desktop_config.jsonKopieren
{
  "mcpServers": {
    "html-dom-query-engine-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_yforvmpWi3y9TqnYhrCHzOXtUdI6qMtPsOkV6gLr/mcp"
    }
  }
}
In den Chat kopieren04

  • Nutze die HTML DOM Query Engine, um den Text aller 'h2'-Elemente von https://example.com/news zu erhalten.

  • Finde das 'href'-Attribut für jeden Link innerhalb der Klasse '.product-grid' auf dieser Seite: https://store.com/items.

  • Extrahiere den Textinhalt des Elements mit der ID 'price-tag' von https://retailer.com/product/123.

  • Liste die 'src'-Attribute aller Bilder auf, die sich innerhalb des 'article-body' Divs auf https://blog.com/post/1 befinden.

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

Starten Sie hier

HTML DOM Query Engine einmal verbinden, dann fragen.

Klicke auf den Link, um die Verbindung herzustellen. Deine Zugangsdaten bleiben verschlüsselt und du kannst jede Website über deinen bevorzugten KI-Client abfragen.

HTML DOM Query Engine mit deiner KI verbinden

FAQ

Verhalten und Grenzen

  • 01

    Kann die KI Buttons klicken oder Formulare ausfüllen?

    Nein. Dieser MCP ist darauf ausgelegt, bestehende DOM-Elemente zu lesen und abzufragen, nicht um mit Webseiten zu interagieren oder durch sie zu navigieren.

  • 02

    Was passiert, wenn der CSS-Selektor falsch ist?

    Der Agent liefert ein leeres Ergebnis oder eine Fehlermeldung. Du musst einen gültigen Selektor angeben, damit das Tool etwas finden kann.

  • 03

    Sieht die KI die gesamte Webseite?

    Der Agent nutzt das Tool, um nur die von dir angeforderten Teile der Seite zu betrachten. Er lädt nicht die gesamte HTML-Datei in seinen Speicher, es sei denn, du verlangst explizit danach.

  • 04

    Kann sie Daten von Seiten extrahieren, die einen Login erfordern?

    Nein. Das Tool fragt das DOM der Seite ab, so wie es für den Agenten aktuell zugänglich ist. Es kann keine Authentifizierungen umgehen oder sich in Konten einloggen.

  • 05

    Kann die KI den Inhalt der Website ändern?

    Nein. Dieses Tool ist schreibgeschützt. Es kann Informationen aus dem HTML extrahieren, aber nichts auf der Website ändern, löschen oder hochladen.

  • Noch Fragen zur HTML DOM Query Engine? Die Connector-Seite liefert Antworten. Alle Funktionen des HTML DOM Query Engine Connectors ansehen

Verbinde Cheerio DOM mit Claude, Cursor, ChatGPT & mehr