← Tous les exemples

Action Lecture & concentration news.ycombinator.com

Hacker News : activer ou désactiver le mode lecture

Active ou désactive en un clic un mode lecture calme avec colonne étroite et fond couleur papier.

Code à copier

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

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Activez le panneau d'actions, ajoutez un bouton dans l'onglet Actions et collez-y le code — lancez-le en un clic.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage