Wie man nach jedem Neuladen der Seite mithilfe von CSS-Selektoren automatisch auf eine Schaltfläche klickt

Manche Seiten sind erst nach einem zusätzlichen Klick wirklich nützlich. Die Ergebnistabelle benötigt einen Klick auf „Mehr laden“, das Dashboard hat eine eigene Aktualisierungsschaltfläche, ein Cookie-Banner blockiert den Inhalt oder ein Filter wird jedes Mal zurückgesetzt, wenn die Seite wieder geladen wird. Die automatische Aktualisierung kann die Seite den ganzen Tag neu laden, aber wenn nach jedem Neuladen eine Schaltfläche angeklickt werden muss — und Sie nicht dort sitzen, um sie anzuklicken — erledigt die Automatisierung nur die Hälfte der Aufgabe.

Die Auto Refresh-Erweiterung von Extfy schließt diese Lücke mit Element per Selektor anklicken im Tab Schlüsselwort erkennen. Richten Sie sie auf eine Schaltfläche mit einem CSS-Selektor, und nach jedem Seitenaufruf findet die Erweiterung genau dieses Element und klickt es für Sie an — kein Schlüsselwort erforderlich, keine Programmierung notwendig, und ein integrierter Auswahlassistent erstellt den Selektor für Sie.

Automatische Aktualisierung

Englisch 

Läuft 

Zeitintervall

Liste aktualisieren

Schlüsselwort erkennen

Ihre Tags eingeben

Automatischer Klicker

 Erkanntes Schlüsselwort automatisch anklicken 

 Element per Selektor anklicken 

Schaltfläche „Mehr laden“ button.load-more

Passt zu 1 Element auf der Seite

Element auf der Seite auswählen Jetzt Klick testen Ziel hinzufügen

Speichern

In fünf Schritten einrichten

1. Öffnen Sie die Auto Refresh-Erweiterung auf der Seite und stellen Sie Ihr Aktualisierungsintervall wie gewohnt im Tab Zeitintervall ein.
2. Wechseln Sie zum Tab Schlüsselwort erkennen und aktivieren Sie unter Automatischer Klicker die Option Element per Selektor anklicken.
3. Klicken Sie auf Element auf der Seite auswählen. Das Popup wird geschlossen, die Seite wird anklickbar und alles, was Sie anklicken, wird als Selektor erfasst — die Erweiterung erstellt den CSS-Code für Sie. (Drücken Sie Esc, um abzubrechen; öffnen Sie das Popup anschließend erneut, um die Erfassung zu überprüfen.)
4. Geben Sie dem Ziel optional einen Namen wie Schaltfläche „Mehr laden“, damit die Liste übersichtlich bleibt, und drücken Sie Jetzt Klick testen, um einen einzelnen Klick auszuführen und zu bestätigen, dass das richtige Element getroffen wird.
5. Klicken Sie auf Speichern. Ab jetzt findet die Erweiterung jedes Mal, wenn die Seite neu geladen wird — über den Timer oder manuell — diese Schaltfläche und klickt sie automatisch an.

Folgen Sie unserer Schritt-für-Schritt-Anleitung, um die Auto Refresh-Erweiterung zu installieren und Webseiten in Ihrem Browser automatisch zu aktualisieren: https://auto-refresh.extfy.com/en/how-to-automatically-refresh-a-page-on-chrome-browser.html

Was ist ein CSS-Selektor in dreißig Sekunden?

Ein CSS-Selektor ist einfach eine Adresse für ein Element auf einer Seite — dieselbe Schreibweise, die Stylesheets verwenden, um zu sagen: „diese Schaltfläche, nicht diese andere“. #refresh-btn bedeutet das Element mit der ID refresh-btn; button.load-more bedeutet eine Schaltfläche mit der Klasse load-more; a[data-action="reload"] bedeutet ein Link mit genau diesem Attribut. Sie müssen diese nicht selbst schreiben können: Der Elementauswähler erstellt den Selektor, wenn Sie das Ziel anklicken, und Sie müssen ihn nur lesen, wenn Sie ihn jemals feinabstimmen möchten. Wenn Sie sie lieber manuell eingeben — oder einen benötigen, den der Auswähler nicht ausdrücken kann — akzeptiert die Ansicht Selektoren bearbeiten CSS und XPath, und Sie können sogar einen XPath-Fallback festlegen, damit der Klick weiterhin funktioniert, falls eine Website-Aktualisierung den CSS-Selektor ungültig macht.

Vertrauen Sie der Übereinstimmungsanzeige, bevor Sie der Automatisierung vertrauen

Da der Klick bei jedem Neuladen wiederholt wird, klickt ein falscher Selektor immer wieder auf das falsche Element. Die Erweiterung schützt davor auf zwei Arten. Erstens zeigt eine Live-Übereinstimmungsanzeige unter jedem Ziel genau an, wie der Selektor aktuell aufgelöst wird — Passt zu 1 Element auf der Seite ist das, was Sie sehen möchten, während Keine Elemente passen zu diesem Selektor auf der aktuellen Seite oder Selektorsyntax ist ungültig Ihnen mitteilen, dass Sie ihn korrigieren sollten, bevor Sie sich darauf verlassen. Zweitens führt Jetzt Klick testen genau einen Klick auf der aktiven Seite aus, ohne Ihren Aktualisierungsstatus zu verändern, sodass Sie beobachten können, wie die Schaltfläche reagiert, bevor die Automatisierung übernimmt.

Mehr als ein Klick nötig? Ziele in Reihenfolge verketten

Manche Seiten benötigen eine Abfolge — das Cookie-Banner schließen, dann ein Panel öffnen und anschließend die eigentliche Schaltfläche drücken. Verwenden Sie Ziel hinzufügen, um mehrere Selektoren aufzulisten; nach jedem Neuladen werden sie von oben nach unten angeklickt, und die Steuerungen Nach oben / Nach unten ermöglichen es Ihnen, sie genau in die Reihenfolge zu bringen, die die Seite erwartet.

Warum ein Selektor hier besser ist als ein Schlüsselwort

• Kein Schlüsselwort erforderlich. Das Anklicken per Selektor funktioniert unabhängig von der Schlüsselworterkennung — Sie müssen überhaupt keinen überwachten Text einrichten oder abgleichen.
• Es funktioniert bei unbeschrifteten Schaltflächen. Symbolbasierte Aktualisierungssteuerungen, Bildschaltflächen und Elemente, deren Text sich mit Sprache oder Zustand ändert, haben keine zuverlässigen Wörter zum Abgleichen — aber sie haben immer einen Selektor.
• Es ist präzise. Ein Schlüsselwort kann an mehreren Stellen auf einer Seite vorkommen; ein guter Selektor löst sich bei jedem Neuladen genau zu einem Element auf.
• Es übersteht Inhaltsänderungen. Die Beschriftung der Schaltfläche kann sich von „Mehr laden“ zu „Weitere Ergebnisse anzeigen“ ändern und button.load-more findet sie weiterhin.

Zusammen ergibt sich eine kleine freihändige Schleife: Auto Refresh lädt die Seite in Ihrem Intervall neu, und Element per Selektor anklicken drückt anschließend die von der Seite geforderte Schaltfläche — jeden Zyklus, in der richtigen Reihenfolge, ohne dass Sie zuschauen müssen. Wählen Sie das Element einmal aus, werfen Sie einen Blick auf die Übereinstimmungsanzeige, führen Sie einen Testklick aus und speichern Sie. Ab dann erfolgen sowohl das Neuladen als auch der Klick automatisch.