← Tous les exemples

Action Lecture & concentration

Basculer le mode sans distraction

Une action en un clic qui active et désactive le mode lecture : masque les distractions, réduit et agrandit.

Code à copier

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

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