Fokusmodus — Navigation ausblenden
Eine Schaltfläche blendet Kopf, Seitenleiste und Fuß aus, damit du dich auf den Inhalt konzentrierst.
Code zum Kopieren
var hidden = false;
var sels = 'header, nav, aside, footer, [role="banner"], [role="navigation"]';
var btn = document.createElement('button');
btn.textContent = 'Focus';
btn.style.cssText = 'position:fixed;bottom:20px;left:20px;z-index:99999;padding:8px 14px;border:none;border-radius:4px;background:#006870;color:#fff;cursor:pointer';
btn.onclick = function () {
hidden = !hidden;
document.querySelectorAll(sels).forEach(function (el) {
el.style.display = hidden ? 'none' : '';
});
btn.textContent = hidden ? 'Show' : 'Focus';
};
document.body.appendChild(btn);So verwendest du dieses Beispiel
- Kopiere den Code mit der Schaltfläche oben.
- Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
- Füge eine neue Regel hinzu, die zu dieser Seite passt.
- Füge den Code in das JavaScript-Panel der Regel ein und speichere — er läuft bei jedem Seitenbesuch.
Bewerte dieses Beispiel
Noch keine Bewertungen — sei der Erste.