Was passiert, wenn Sie auf Exportieren klicken?
Der Beispiel für einen Notes-Browser hat eine Notizen exportieren Schaltfläche. Wenn Sie darauf klicken, wird geladen notes.json, formatiert die beiden Notizen als CSV und startet einen Download.
Vom Klick zum CSV Download
- 01 · SieKlicken Sie auf Notizen exportierenFühren Sie die Aktion in Ihrem Browser aus, während das Capture ausgeführt wird.
- 02 * REA Notieren Sie die AnfrageErfassen Sie die Anforderungs-URL, den Antwortstatus und die JSON-Struktur von der ausgewählten Seite.
-
03 · Ihr AgentLesen Sie den ExportcodeVerbinden Sie die beobachtete Anforderung mit
fetch("./notes.json")inexport.js.
GET notes.json → 200 → notes[] → CSV
Öffnen Sie Chrome mit Remote-Debugging
Öffnen Sie das gehostete Notes-Beispiel mit einem separaten Browserprofil und einem lokalen Debugging-Port. Auf Linux :
google-chrome \
--remote-debugging-port=9222 \
--user-data-dir=/tmp/rea-notes-browser \
https://reverseengineeranything.app/examples/notes-web/Verwenden Sie den ausführbaren Pfad Ihres installierten Browsers auf macOS oder Windows . Sie können die Seiten-URL durch eine andere Seite ersetzen, die Sie überprüfen möchten.
REA stellt eine Verbindung zu diesem vorhandenen Browser her. Sie behalten die Kontrolle über die Seite, führen die Aktion aus und schließen den Browser, wenn Sie fertig sind.
Bitten Sie Ihren Agenten, eine Aktion zu sehen
Verwenden Sie REA, um diese Seite zu überprüfen, während ich auf Notizen exportieren klicke. Welche Anfrage stellt es und wie ist der CSV aufgebaut?
Beispiel Eingabeaufforderung. Geben Sie Ihrem Agenten den Debugging-Endpunkt, http://127.0.0.1:9222 und die Seiten-URL. Lassen Sie die Aufnahme starten, bevor Sie klicken.
Ihr Agent entdeckt das Seitenziel, startet ein Beobachtungsfenster und liest die resultierenden Beweise. Es kann dann das Skript hinter dem Export überprüfen.
Oder vom Terminal aus erfassen
Suchen Sie die Ziel-ID der Seite:
npx -y rea-agents@latest list-browser-targets \
http://127.0.0.1:9222 --json
Wählen Sie das Ziel mit der Beispiel-URL für Notizen aus. Ersetzen TARGET_ID unten mit seiner ID, dann lauf:
npx -y rea-agents@latest inspect-web-page \
http://127.0.0.1:9222 TARGET_ID \
--observation-ms 10000 \
--include-accessibility-text \
--include-json-body-shapes --jsonLassen Sie den Befehl einige Sekunden lang verbinden und klicken Sie dann auf Notizen exportieren in diesem Browser. Das Ergebnis kommt nach dem Ende des Beobachtungsfensters an.
Das erfasste Ergebnis enthält die ausgewählte Seite, die Netzwerkaktivität während dieses Fensters und die Form der JSON-Antwort. Frühere Anfragen liegen außerhalb dieser Erfassung.
Lesen Sie das Anforderungs- und Exportskript
| Erfasste Tatsache | Wert |
|---|---|
| Anfrage | GET /examples/notes-web/notes.json |
| Antwort | 200 · application/json |
| Initiator der Anfrage | export.js · Skript |
| Antwortstruktur |
notes[] mit id und title Datenfelder
|
npx -y rea-agents@latest inspect-web-page \
http://127.0.0.1:9222 TARGET_ID \
--include-script-sources --json
Die Anforderung identifiziert die Datenquelle und REA-Datensätze export.js als sein Initiator. Lesen Sie die erfasste Skriptquelle, um zu sehen, wie die Daten verwendet werden:
const response = await fetch("./notes.json");
const { notes } = await response.json();
// Format each note as a CSV row.
const url = URL.createObjectURL(new Blob([csv], { type: "text/csv" }));
link.href = url;
link.download = "notes.csv";
link.click();
Der Download wird auf der Seite mithilfe der JSON-Antwort erstellt. Der Formatierungsschritt CSV stammt aus dem Skript; Die Netzwerkerfassung stellt fest, dass dieser Klick angefordert wurde notes.json.
Öffnen Sie das Beispiel · Herunterladen export.js · Herunterladen notes.json
Suchen Sie das Skript, das anfordert
notes.json. Wie werden Titel mit Kommas oder Anführungszeichen vermieden?
Fahren Sie bei einer installierten JavaScript- oder Electron-App mit der anwendungs-Workflow dateien und Prozessgrenzen zu folgen.