← All examples

JavaScript Productivity whatsapp.com

WhatsApp Web: mark all as read on focus

When you switch back to the WhatsApp tab, clicks each unread chat to zero the counters.

Code to copy

// When the tab regains focus, click each unread chat once to mark it as read
function markAllRead() {
  const unread = document.querySelectorAll('div[role="listitem"] span[aria-label*="unread message" i], div[role="listitem"]:has(span[aria-label*="unread" i])');
  unread.forEach(function (row) {
    const clickable = row.closest('div[role="listitem"]');
    if (clickable) { clickable.click(); }
  });
}
window.addEventListener('focus', function () { setTimeout(markAllRead, 400); });

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. 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.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases