Reader mode builder
Replaces the whole page with just the article in a narrow elegant column on a warm background — your own reader mode.
Code to copy
(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';
})();How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.