Alternar modo sin distracciones
Una acción de un clic que activa y desactiva el modo lectura: oculta distracciones, estrecha y amplía el contenido.
Código para copiar
(function () {
var ID = 'jz-distraction-free-style';
var existing = document.getElementById(ID);
if (existing) {
existing.remove();
return;
}
var style = document.createElement('style');
style.id = ID;
style.textContent =
'aside,.sidebar,#sidebar,[role="complementary"],' +
'header nav,.ad,.ads,[id*="comment"],.related-posts,' +
'.newsletter,.social-share{display:none !important;}' +
'article,main,.post,.entry-content{' +
'max-width:70ch !important;margin:0 auto !important;' +
'font-size:1.1rem !important;line-height:1.75 !important;}';
document.head.appendChild(style);
})();Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- 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.
Valora este ejemplo
Sin valoraciones — sé el primero.