← Tutti gli esempi

JavaScript Lettura e focus web.telegram.org

Telegram: contrassegna i messaggi lunghi

Aggiunge un sottile bordo colorato ai messaggi più lunghi di 280 caratteri per individuarli facilmente.

Codice da copiare

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

Come usare questo esempio

  1. Copia il codice con il pulsante qui sopra.
  2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
  3. Aggiungi una nuova regola corrispondente a quella pagina.
  4. Incolla il codice nel pannello JavaScript della regola e salva — viene eseguito a ogni visita della pagina.

Valuta questo esempio

Nessuna valutazione — sii il primo.

Questo esempio funziona?

Gli snippet sono inutili senza un posto dove incollarli.

JustZix si installa in 2 minuti ed esegue il tuo codice su ogni pagina corrispondente. Senza account, senza pagamento.

Scarica gratis Guarda i casi d'uso