← Todos los ejemplos

JavaScript Desarrollo y QA aliexpress.com

AliExpress: mostrar el ID del producto

Añade a cada tarjeta de producto una pequeña insignia con el ID numérico del artículo.

Código para copiar

// Show the numeric item ID as a small badge on each product card
function tagItemIds() {
  document.querySelectorAll('a[href*="/item/"]').forEach(function (a) {
    if (a.dataset.jzIdShown) { return; }
    const m = a.getAttribute('href').match(/\/item\/(\d+)/);
    if (!m) { return; }
    const tag = document.createElement('span');
    tag.textContent = 'ID ' + m[1];
    tag.style.cssText = 'display:inline-block;font:11px monospace;background:#222;color:#fff;padding:1px 5px;border-radius:3px;margin:2px;';
    a.appendChild(tag);
    a.dataset.jzIdShown = '1';
  });
}
tagItemIds();
const obs = new MutationObserver(tagItemIds);
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