Formulare prüfen und mit Testdaten ausfüllen

Die Entwickler-Rolle in WTFAA bietet zwei Aktionen für Formulare. Formularprüfung untersucht die Struktur der Formulare auf der aktuellen Seite. Testdaten ausfüllen schlägt erfundene Werte für die sichtbaren Felder vor und trägt sie erst ein, wenn Sie bestätigen.

Diese Anleitung erklärt, was beide Aktionen von der Seite lesen, was sie zurückgeben und was der Ausfüllschritt nicht tut. Wenn WTFAA noch nicht eingerichtet ist, beginnen Sie mit Erste Schritte. Einen Überblick über die drei Rollen finden Sie unter Leser, Designer und Entwickler.

Was WTFAA aus dem Formular liest

Beide Aktionen lesen die Formularstruktur lokal aus dem aktiven Tab:

Erfasst werden nur <form>-Elemente mit mindestens zwei Steuerelementen. Per Inline-Style ausgeblendete Formulare werden übersprungen, und Felder außerhalb eines <form>-Elements werden nicht erfasst.
Pro Formular: Überschrift oder Legend, der Text innerhalb des Formulars sowie Action-URL und Methode.
Pro Feld: Tag, Typ, name, id, Label, Platzhalter, Pflichtfeld-Angabe und aktueller Wert.
Eingaben mit type="hidden" und Felder, die per Inline-display: none ausgeblendet sind, werden gar nicht erfasst.
Die Seiten-URL, der Seitentitel und eine kurze Zusammenfassung der auf der Seite erkannten Frontend-Signale.

Chrome erlaubt Erweiterungen nicht, auf eingeschränkten Seiten wie chrome://-Seiten oder im Chrome Web Store zu laufen. Dort funktionieren diese Aktionen daher nicht.

Schritt 1: Die Sendevorschau prüfen

Beide Aktionen öffnen zuerst Vor dem Senden prüfen. Bei einer Formularanfrage zeigt der Dialog Seiten-URL und Titel, die Anzahl der Formulare und Felder, das Modell und den Modus.

Unter Lokale Redaktion steht, was der lokale Filter gefunden hat. Passwortfelder werden dort immer aufgeführt. Als Passwortfeld gilt ein Feld vom Typ password oder ein Feld, dessen name, id oder Label "password", "passcode" oder "pin" enthält. Ist Lokal gefilterten Kontext verwenden aktiviert, werden die Werte dieser Felder vor dem Senden durch [REDACTED_PASSWORD] ersetzt. Die Option wird automatisch aktiviert, sobald der Filter etwas findet. Wenn Sie sie deaktivieren, werden die ungefilterten Werte gesendet.

Klicken Sie auf An KI senden, um fortzufahren, oder auf Abbrechen. Die Optionen der Vorschau sind unter Was an die KI gesendet wird beschrieben.

Schritt 2: Formularprüfung ausführen

Öffnen Sie die Seite mit dem Formular.
Öffnen Sie die WTFAA-Seitenleiste und wechseln Sie zur Rolle Entwickler.
Klicken Sie auf Formularprüfung.
Prüfen Sie die Vorschau und klicken Sie auf An KI senden.

Der Bericht hat drei Teile:

Feldübersicht: eine Tabelle mit Typ, Label, Pflichtstatus und Validierung jedes Felds.
Abhängigkeiten: bedingte Logik zwischen Feldern.
Mögliche Probleme: sichtbare Probleme bei Bedienbarkeit, Labels, Pflichtangaben und clientseitiger Validierung.

Die Prüfung liest Validierung nur aus sichtbaren HTML-Attributen, clientseitigen Hinweisen, angezeigten Fehlerzuständen und Beziehungen zwischen Feldern. Serverseitige Validierungsregeln werden nicht abgeleitet; unbekannte Backend-Regeln werden als unbekannt markiert.

Schritt 3: Testwerte mit Testdaten ausfüllen erzeugen

Klicken Sie auf derselben Seite auf Testdaten ausfüllen.
Prüfen Sie die Vorschau und klicken Sie auf An KI senden.
Das Modell antwortet mit einer kurzen Notiz und genau einer strukturierten JSON-Aktion. Sie enthält für jedes Feld einen CSS-Selektor und einen Wert. Die Anfrage verlangt realistische, aber erfundene Daten, bevorzugt Selektoren auf Basis von id oder name und nur sichtbare Felder aus dem Formularkontext.
Ist die Antwort fertig, zeigt WTFAA die Karte 💡 Vorgeschlagene Aktion. Sie nennt die Anzahl der auszufüllenden Felder und listet unter Felder vor dem Ausfüllen prüfen jeden Selektor mit seinem Wert auf.

Schritt 4: Felder prüfen und bestätigen

Prüfen Sie jede Zeile der Karte. Bevor Sie auf Ein-Klick-Ausführung klicken, wird nichts in die Seite geschrieben.

Nach dem Klick füllt WTFAA die Felder im aktiven Tab des aktuellen Fensters aus und hebt jedes ausgefüllte Feld kurz hervor. Lassen Sie den Tab mit dem Formular beim Klicken aktiv. Selektoren, die auf der Seite nichts finden, werden übersprungen.

Einzelne Zeilen lassen sich in der Karte weder bearbeiten noch entfernen. Soll eine Zeile nicht ausgefüllt werden, führen Sie die Aktion nicht aus: Bitten Sie im Chat um neue Daten oder füllen Sie diese Felder selbst aus.

Wie die Werte eingetragen werden

Textfelder und Textbereiche: WTFAA setzt den Wert über den nativen Value-Setter des Browsers, aktualisiert Reacts internen Value-Tracker und löst dann focus-, input-, change- und blur-Events aus. So erkennen React-gesteuerte Eingabefelder den neuen Wert.
Auswahllisten: Der Wert wird zuerst mit den Optionswerten, dann mit dem Optionstext abgeglichen und zuletzt als Optionsindex verwendet.
Checkboxen und Radiobuttons: true, 1, checked oder on setzt den Haken, jeder andere Wert entfernt ihn. Seit Version 1.3.4 aktualisieren diese Änderungen auch den Zustand React-gesteuerter Formulare.

Seit Version 1.3.2 führt WTFAA kein KI-generiertes JavaScript aus. Die Ausfüllaktion besteht nur aus JSON-Daten, und der Code, der sie anwendet, ist in die Erweiterung eingebaut.

Was der Ausfüllschritt nicht tut

Er sendet das Formular nicht ab und klickt weder Absende-Buttons noch andere Buttons an. Der Ausfüllcode setzt nur Feldwerte und löst Eingabe-Events aus. Ob Sie das Formular absenden, entscheiden Sie selbst.
Versteckte Eingabefelder werden nie an das Modell gesendet und tauchen daher nicht in den vorgeschlagenen Daten auf.
Die Anfrage weist das Modell an, keine versteckten Felder, Passwortfelder, Zahlungsfelder, AGB-Checkboxen, Absende-Buttons oder destruktiven Steuerelemente aufzunehmen und keine Zahlungen auszulösen oder Bedingungen zu akzeptieren. Das ist eine Anweisung an das Modell, keine technische Sperre. Die Feldliste in der Karte ist Ihre Kontrolle: Enthält sie eine AGB-Checkbox, ein Zahlungsfeld oder ein Passwortfeld, führen Sie sie nicht aus.

Tipps

Verwenden Sie Testdaten ausfüllen in Test- oder Staging-Umgebungen. Die Werte sind erfunden und nicht für echte Absendungen gedacht.
Zeigt die Vorschau 0 Formulare, baut die Seite ihr Formular wahrscheinlich ohne <form>-Element auf. Solche Felder erfasst WTFAA nicht.
Für andere Aufgaben auf der Seite siehe Seitenübersetzung oder Screenshot-Analyse.