← Tutti gli esempi

JavaScript Sviluppatori e QA disneyplus.com

Disney+: mostra gli attributi data-testid

Aiuto per sviluppatori: contorna ogni elemento con attributo data-testid e mostra il valore in un tooltip.

Codice da copiare

// Developer aid: outline every element that carries a data-testid and log it
function annotateTestIds() {
  document.querySelectorAll('[data-testid]').forEach(function (el) {
    if (el.dataset.jzAnnotated) { return; }
    el.dataset.jzAnnotated = '1';
    el.style.outline = '1px dashed rgba(0,200,255,0.6)';
    el.title = 'data-testid="' + el.getAttribute('data-testid') + '"';
  });
}
annotateTestIds();
var devObs = new MutationObserver(annotateTestIds);
devObs.observe(document.documentElement, { childList: true, subtree: true });

Come usare questo esempio

  1. Copia il codice con il pulsante qui sopra.
  2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
  3. Aggiungi una nuova regola corrispondente a quella pagina.
  4. Incolla il codice nel pannello JavaScript della regola e salva — viene eseguito a ogni visita della pagina.

Valuta questo esempio

Nessuna valutazione — sii il primo.

Questo esempio funziona?

Gli snippet sono inutili senza un posto dove incollarli.

JustZix si installa in 2 minuti ed esegue il tuo codice su ogni pagina corrispondente. Senza account, senza pagamento.

Scarica gratis Guarda i casi d'uso