Tryb skupienia — ukryj nawigację
Przycisk przełącza ukrywanie nagłówka, paska bocznego i stopki, by skupić się na treści.
Kod do skopiowania
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);Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.