← Todos los ejemplos

Medium: alternar el modo concentración

Activa o desactiva el modo concentración con un clic, ocultando todo menos el artículo.

Código para copiar

// 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);
}

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Activa el panel de acciones, añade un botón en la pestaña Acciones y pega el código en él — lo ejecutas con un clic.