← Wszystkie przykłady

Akcja Czytanie i skupienie

Przełącznik trybu bez rozpraszaczy

Akcja jednym kliknięciem włącza i wyłącza tryb czytania: ukrywa rozpraszacze oraz zawęża i powiększa treść.

Kod do skopiowania

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

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. Włącz panel akcji, dodaj przycisk w zakładce Akcje i wklej w nim kod — odpalisz go jednym kliknięciem.

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