Telegram: show message ids
Attaches a small label with the internal message id to each bubble, handy for debugging.
Code to copy
// 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 });How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.