← Tous les exemples

Medium : activer le mode focus

Active ou désactive le mode focus en un clic, masquant tout sauf l'article.

Code à copier

// Toggle distraction-free reading mode with one click
const ID = 'jz-med-focus';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
  const s = document.createElement('style');
  s.id = ID;
  s.textContent =
    'nav,header,footer,aside,[data-testid="postFooterBar"]{display:none!important}' +
    'article{margin:40px auto!important;max-width:44rem!important}';
  document.head.appendChild(s);
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Activez le panneau d'actions, ajoutez un bouton dans l'onglet Actions et collez-y le code — lancez-le en un clic.