← Tous les exemples

Instagram : encadrer les publications (débogage)

Aide au développement qui encadre chaque publication et ajoute une étiquette pour inspecter la mise en page.

Code à copier

/* Developer aid: outline each feed article and label it */
main article {
  outline: 2px dashed #e1306c !important;
  outline-offset: -2px !important;
  position: relative !important;
}
main article::before {
  content: "article";
  position: absolute;
  top: 0; left: 0;
  background: #e1306c;
  color: #fff;
  font: 11px monospace;
  padding: 2px 5px;
  z-index: 9999;
}

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.