← Wszystkie przykłady

Akcja Czytanie i skupienie news.ycombinator.com

Hacker News: przełącz tryb czytania

Jednym kliknięciem włącza lub wyłącza spokojny tryb czytania z węższą kolumną i ciepłym tłem w kolorze papieru.

Kod do skopiowania

// Toggle a distraction-free reading mode on and off
const ID = 'jz-hn-reading-mode';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
  const s = document.createElement('style');
  s.id = ID;
  s.textContent =
    'html,body{background:#f6f1e7!important}' +
    '#hnmain{background:#fffdf7!important;max-width:760px!important;' +
    'margin:16px auto!important;box-shadow:0 1px 8px rgba(0,0,0,.12)!important}' +
    '#hnmain>tbody>tr:first-child{display:none!important}' +
    '.commtext,.toptext{color:#2b2b2b!important;line-height:1.6!important}';
  document.head.appendChild(s);
}

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