← Tutti gli esempi

JavaScript Sviluppatori e QA web.telegram.org

Telegram: mostra gli ID dei messaggi

Aggiunge a ogni fumetto una piccola etichetta con l'ID interno del messaggio, utile per il debug.

Codice da copiare

// Show the internal message id as a small label on each bubble
function tagIds() {
  const bubbles = document.querySelectorAll('.bubbles .bubble[data-mid], .Message[id]');
  bubbles.forEach(function (b) {
    if (b.dataset.jzId) { return; }
    b.dataset.jzId = '1';
    const id = b.getAttribute('data-mid') || b.id || '?';
    const tag = document.createElement('span');
    tag.textContent = '#' + id;
    tag.style.cssText = 'font-size:10px;opacity:0.6;margin-left:6px;font-family:monospace';
    b.appendChild(tag);
  });
}
tagIds();
const obs = new MutationObserver(tagIds);
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