← Todos los ejemplos

JavaScript Lectura y enfoque web.telegram.org

Telegram: marcar los mensajes largos

Añade un borde de color sutil a los mensajes de más de 280 caracteres para encontrarlos fácil.

Código para copiar

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

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso