"Mehr anzeigen" automatisch aufklappen und paginierte Inhalte laden
Kommentar-Threads, Produktbewertungen, Dokumentation und Suchergebnisse verstecken Inhalte gern hinter einer "Mehr anzeigen"-Schaltfläche oder verteilen sie über endlose Seiten. Mit einer JustZix-JavaScript-Regel können Sie alles automatisch aufklappen und laden und dann in einem durchgehenden Bildlauf lesen.
Das Muster: klicken, bis es verschwindet
Eine Auto-Aufklapp-Regel tut eine Sache wiederholt: die Schaltfläche finden, sie klicken, auf neuen Inhalt warten, wiederholen — bis die Schaltfläche weg ist. Hier ist eine eigenständige Version mit einer Sicherheitsgrenze, sodass sie nie ewig in einer Schleife laufen kann.
function autoExpand(selector, maxClicks) {
var clicks = 0;
var timer = setInterval(function () {
var btn = document.querySelector(selector);
if (!btn || clicks >= maxClicks) {
clearInterval(timer);
return;
}
btn.click();
clicks++;
}, 800);
}
autoExpand('.show-more-button', 50);
Das 800-ms-Intervall gibt der Seite Zeit, zwischen den Klicks neue Elemente zu rendern. Erhöhen Sie es für langsame Seiten. Die maxClicks-Grenze von 50 verhindert außer Kontrolle geratene Schleifen auf unendlichen Feeds.
Die Schaltfläche nach Text finden
Wenn die Schaltfläche keinen stabilen Selektor hat, finden Sie sie stattdessen über ihre Beschriftung. Dieser Helfer gibt das erste sichtbare Element zurück, dessen Text übereinstimmt.
function findByText(words) {
var els = document.querySelectorAll('button, a, [role="button"]');
for (var i = 0; i < els.length; i++) {
var t = (els[i].textContent || '').trim().toLowerCase();
for (var j = 0; j < words.length; j++) {
if (t.indexOf(words[j]) !== -1 && els[i].offsetParent !== null) {
return els[i];
}
}
}
return null;
}
var timer = setInterval(function () {
var btn = findByText(['mehr anzeigen', 'show more', 'mehr laden', 'load more', 'view more', 'see more']);
if (btn) { btn.click(); } else { clearInterval(timer); }
}, 800);
Die offsetParent !== null-Prüfung überspringt versteckte Schaltflächen, sodass die Schleife korrekt endet, wenn die echte Schaltfläche entfernt wird.
Jeden eingeklappten Abschnitt auf einmal aufklappen
Dokumentationsseiten verwenden oft viele kleine Umschalter (FAQ-Akkordeons, Code-Beispiele). Um sie alle auf einen Schlag zu öffnen, klicken Sie jeden Umschalter, der gerade eingeklappt ist.
var toggles = document.querySelectorAll('[aria-expanded="false"]');
toggles.forEach(function (t) {
t.click();
});
Das aria-expanded-Attribut ist ein Webstandard, sodass dies auf einer breiten Auswahl barrierefreier Komponenten ohne seitenspezifische Selektoren funktioniert.
Die nächste Seite automatisch laden
Für klassische nummerierte Paginierung können Sie die Elemente der nächsten Seite in die aktuelle ziehen. Diese Version findet den "Weiter"-Link, holt die Seite mit fetch auf demselben Ursprung und hängt die neuen Listenelemente an.
function loadNextPage(listSelector, nextSelector) {
var next = document.querySelector(nextSelector);
var list = document.querySelector(listSelector);
if (!next || !list || !next.href) return;
fetch(next.href)
.then(function (r) { return r.text(); })
.then(function (html) {
var doc = new DOMParser().parseFromString(html, 'text/html');
var newList = doc.querySelector(listSelector);
if (newList) {
Array.prototype.forEach.call(newList.children, function (item) {
list.appendChild(item);
});
}
})
.catch(function () { /* Netzwerkfehler ignorieren */ });
}
loadNextPage('.results-list', 'a[rel="next"]');
Dies fordert nur Seiten von derselben Seite an, auf der Sie bereits sind — keine Aufrufe von Drittanbietern. Wickeln Sie es in eine Schleife mit einer Klickgrenze, wenn Sie mehrere Seiten auf einmal wollen.
Praktischer Rat
- Setzen Sie immer eine Klickgrenze. Unendliches Scrollen plus eine unbegrenzte Schleife holt ewig.
- Verwenden Sie
aria-expanded-Selektoren, wenn verfügbar; sie überstehen Seiten-Redesigns besser als Klassennamen. - Testen Sie das Intervall-Timing — zu schnell, und Sie klicken, bevor sich neuer Inhalt gesetzt hat.
- Bei Seiten mit echtem unendlichem Scrollen kann das Aufklappen von allem den Tab schwer machen; klappen Sie stattdessen in Stapeln auf.
Finden Sie einsatzbereite Versionen in den fertigen Beispielen oder laden Sie JustZix herunter, um mit dem Automatisieren zu beginnen. Wenn auf der Seite auch die Auswahl deaktiviert ist, siehe Kopieren und Rechtsklick entsperren.
Bewerte diesen Beitrag
Noch keine Bewertungen — sei der Erste.