Disney+: pokaż atrybuty data-testid
Narzędzie dla twórców: obrysowuje każdy element z atrybutem data-testid i pokazuje jego wartość w podpowiedzi.
Kod do skopiowania
// 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 });Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- 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.