Generador de modo lectura
Sustituye toda la página por solo el artículo en una columna estrecha y elegante sobre fondo cálido.
Código para copiar
(function () {
var article = document.querySelector('article, .post, .entry-content, main');
if (!article) {
alert('No article element found on this page.');
return;
}
var html = article.innerHTML;
document.body.innerHTML =
'<div id="jz-reader"></div>';
var box = document.getElementById('jz-reader');
box.innerHTML = html;
box.style.cssText = 'max-width:70ch;margin:48px auto;padding:0 20px;' +
'font:18px/1.75 Georgia,serif;color:#2b2b2b;';
document.documentElement.style.background = '#faf8f3';
document.body.style.background = '#faf8f3';
})();
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.
- Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.
Valora este ejemplo
Sin valoraciones — sé el primero.