← Wszystkie przykłady

JavaScript Czytanie i skupienie web.telegram.org

Telegram: oznacz długie wiadomości

Dodaje subtelną kolorową krawędź przy wiadomościach dłuższych niż 280 znaków, by łatwiej je znaleźć.

Kod do skopiowania

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

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