Stack Overflow: resaltar un nombre de usuario elegido
Resalta en amarillo las apariciones de un nombre de usuario elegido en comentarios y tarjetas de autor.
Código para copiar
/* Highlight mentions of a chosen username in comments and posts */
(function () {
var NAME = 'Jon Skeet';
function highlight() {
document.querySelectorAll('.comment-copy a, .user-details a').forEach(function (a) {
if (a.dataset.sofHi) return;
if (a.textContent.trim() === NAME) {
a.dataset.sofHi = '1';
a.style.background = '#fff3a8';
a.style.padding = '0 3px';
a.style.borderRadius = '3px';
}
});
}
highlight();
new MutationObserver(highlight).observe(document.body, { childList: true, subtree: true });
})();Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- 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.