Modalità focus — nascondi la navigazione
Un pulsante alterna nascondere intestazione, barra laterale e piè di pagina.
Codice da copiare
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);Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello JavaScript della regola e salva — viene eseguito a ogni visita della pagina.
Valuta questo esempio
Nessuna valutazione — sii il primo.