← Wszystkie przykłady

JavaScript Dla developerów web.telegram.org

Telegram: pokaż identyfikatory wiadomości

Dokleja małą etykietę z wewnętrznym identyfikatorem wiadomości do każdego dymka, co przydaje się przy debugowaniu.

Kod do skopiowania

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

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania