← Tous les exemples

Vimeo : révéler les valeurs data-test-id

Affiche la valeur de l'attribut data-test-id en étiquette jaune au-dessus de chaque élément concerné.

Code à copier

/* Reveal data-test-id values as labels for easier inspection */
[data-test-id] {
  position: relative !important;
}
[data-test-id]::before {
  content: attr(data-test-id);
  position: absolute;
  top: 0;
  left: 0;
  background: #ffeb3b;
  color: #000;
  font: 10px monospace;
  padding: 1px 4px;
  z-index: 99999;
  pointer-events: none;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.