← Wszystkie przykłady

JavaScript Czytanie i skupienie

Budowniczy trybu czytnika

Zastępuje całą stronę samym artykułem w wąskiej, eleganckiej kolumnie na ciepłym tle — własny tryb czytnika.

Kod do skopiowania

(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';
})();

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania