← Tous les exemples

JavaScript Lecture & concentration web.telegram.org

Telegram : marquer les longs messages

Ajoute une bordure colorée discrète aux messages de plus de 280 caractères pour les repérer.

Code à copier

// Add a subtle left border to long messages so they are easy to spot
function markLong() {
  const msgs = document.querySelectorAll('.bubbles .bubble .message, .Message .text-content');
  msgs.forEach(function (m) {
    if (!m.dataset.jzMarked && (m.textContent || '').length > 280) {
      m.dataset.jzMarked = '1';
      m.style.borderLeft = '3px solid rgba(90,160,255,0.6)';
      m.style.paddingLeft = '8px';
    }
  });
}
markLong();
const obs = new MutationObserver(markLong);
obs.observe(document.documentElement, { childList: true, subtree: true });

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. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.

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