Stabile CSS-Selektoren mit klarem Bereich erstellen.
Ein Selektor sollte das Ziel präzise genug bestimmen und kleine Layoutänderungen überstehen. Vermeide Positionsselektoren, wenn sinnvolle Attribute existieren.
Passe den Ablauf an deine Aufgabe an.
Wähle ein sinnvolles stabiles Attribut oder eine semantische Beziehung und teste den Selektor im vorgesehenen Bereich. Prüfe Trefferzahlen und ergänze Zustand oder Container nur, wenn es zur Zielbestimmung nötig ist.
- Was du bereitstellst
- Bereitgestelltes DOM-Fragment und Zielelement.
- Was du erhältst
- Selektor mit Erklärung zu Spezifität und Stabilität.
Sieh dir Eingabe und Ergebnis an.
Beispielhafte Ein- und Ausgabe · ein Lehrbeispiel, kein tatsächlicher WebAct-Durchlauf
Beispiel Eingabe
DOM contains a button with data-action="export".
Vollständiges Beispiel
button[data-action="export"] targets the declared action; check that the attribute is unique within the intended scope.
Lade diese Eingabe in den Prompt und kopiere ihn zum Ausprobieren nach WebAct. Dein Ergebnis kann vom Beispiel abweichen.
Entscheidungen und Fehlerbehebung.
Sollte ein Selektor auf der aktuellen Listenposition des Elements beruhen?
Bevorzuge stabile Bedeutung, sofern vorhanden. Positionsselektoren können nach kleinen Layout- oder Datenänderungen auf andere Elemente zeigen.
Warum trifft der Selektor mehrere Exportbuttons?
Begrenze den Bereich auf den relevanten Container oder ergänze ein unterstütztes unterscheidendes Attribut. Prüfe die Trefferzahl vor einer Aktion.
Probiere es mit deiner eigenen Quelle.
Ersetze das Beispiel im Aufgaben-Prompt durch dein Material. Behalte nötige Anforderungen bei und kopiere die Aufgabe nach WebAct.
Aufgabe anpassen und kopieren ↑