← Tous les exemples

JavaScript Développeur & QA instagram.com

Instagram : copier l'URL de l'image (développeur)

Permet aux développeurs de copier l'URL directe d'une image du fil via le menu contextuel.

Code à copier

// Right-click any feed image to copy its direct URL
function addCopyButtons() {
  document.querySelectorAll('article img[srcset]').forEach(function (img) {
    if (img.dataset.jzCopy) return;
    img.dataset.jzCopy = '1';
    img.addEventListener('contextmenu', function (e) {
      e.preventDefault();
      navigator.clipboard.writeText(img.currentSrc || img.src);
      img.style.outline = '3px solid #0f0';
      setTimeout(function () { img.style.outline = ''; }, 400);
    });
  });
}
addCopyButtons();
const obs = new MutationObserver(addCopyButtons);
obs.observe(document.body, { childList: true, subtree: true });

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 JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage