Schnellstart

Diese Anleitung führt Sie durch ein kleines Automatisierungsskript. Sie öffnen eine Seite, extrahieren Text und speichern Ergebnisse in einem Arbeitsbereich.

Schritt 1: Seite öffnen

Starten Sie Guida und öffnen Sie https://news.ycombinator.com über die Adressleiste.

Schritt 2: Skripteditor öffnen

Drücken Sie Ctrl+N, um einen neuen Skript-Tab zu öffnen, oder wählen Sie File > New Script.

Schritt 3: Skript schreiben

Fügen Sie dies in den Editor ein:

async function main() {
  // Seitentitel lesen
  const title = await g.page.executeJS("document.title");
  g.log("Seitentitel: " + title);

  // Die ersten 5 Story-Titel extrahieren
  const stories = await g.page.executeJS(`
    Array.from(document.querySelectorAll('.titleline > a'))
      .slice(0, 5)
      .map(a => a.textContent)
  `);

  for (const story of stories) {
    g.log("  " + story);
  }

  g.log("Fertig. " + stories.length + " Storys gefunden.");
}

Schritt 4: Ausführen

Drücken Sie F5 oder klicken Sie auf Run. Im Console-Panel sehen Sie den Seitentitel und die ersten fünf Hacker-News-Storys.

Schritt 5: Ergebnisse speichern

Speichern wir die Daten im Arbeitsbereichsspeicher. Öffnen Sie zuerst einen Arbeitsbereich über File > Open Workspace. Ein leerer Ordner reicht.

Ändern Sie dann das Skript so:

async function main() {
  const stories = await g.page.executeJS(`
    Array.from(document.querySelectorAll('.titleline > a'))
      .slice(0, 5)
      .map(a => ({ title: a.textContent, url: a.href }))
  `);

  for (const story of stories) {
    const key = story.title.toLowerCase().replace(/\s+/g, '-').slice(0, 50);
    g.store.put("hn-stories", key, story);
  }

  const count = g.store.count("hn-stories");
  g.log(`${count} Storys in der Sammlung 'hn-stories' gespeichert`);
}

Führen Sie das Skript erneut mit F5 aus. Die Storys liegen jetzt dauerhaft im store.db Ihres Arbeitsbereichs und bleiben nach einem Neustart erhalten.

Nächste Schritte

• Im Skripteditor g. eingeben, um IntelliSense für alle verfügbaren Methoden zu sehen
• Tools > Developer > Generate Scripting Support Files… ausführen, wenn Sie lokale Editor- oder LLM-Kontextdateien brauchen
• Die Rezepte für praktische Beispiele ausprobieren
• Arbeitsbereiche lesen, um Skripte, Warteschlangen und Daten zu organisieren
• await g.dom.click(".selector") nutzen, um mit Seitenelementen zu interagieren
• Einen MCP-fähigen LLM-Client verbinden, wenn KI die Browserarbeit unter Aufsicht übernehmen soll