← All examples

JavaScript Developer & QA instagram.com

Instagram: copy image URL (developer)

Lets developers copy the direct URL of any feed image via the right-click context menu.

Code to copy

// 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 });

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases