A bookmarklet to save an image opening on Twitter

bookmarklet.js

javascript:(async()=>{const url=location.href;const[,tweetId,nth]=url.match(/\/status\/(\d+)\/photo\/(\d)/);const modal=document.querySelector('div[style*="transition-duration:"][style*="background-color:"]');const ul=[...modal.querySelectorAll("ul")].find(elm=>[...elm.style].includes("transform"));const imgQuery='img[src^="https://pbs.twimg.com/media/"]';const img=ul!==undefined?[...ul.querySelectorAll(imgQuery)][nth-1]:[...modal.querySelectorAll(imgQuery)].find(elm=>elm.parentNode.getAttribute("data-testid")!=="tweetPhoto");const imgUrl=img.src;const blob=await fetch(imgUrl).then(res=>res.blob());const blobType=blob?.type;if(!/^image\/.+$/.test(blobType)){return}const objectUrl=URL.createObjectURL(blob);const anchor=document.createElement("a");anchor.href=objectUrl;anchor.download=`twitter_${tweetId}_${nth}`;anchor.click();URL.revokeObjectURL(objectUrl)})();

save-twitter-image.js

(async () => {
  const url = location.href;
  const [, tweetId, nth] = url.match(/\/status\/(\d+)\/photo\/(\d)/);

  const modal = document.querySelector('div[style*="transition-duration:"][style*="background-color:"]');
  const ul = [...modal.querySelectorAll('ul')].find((elm) => [...elm.style].includes('transform'));
  const imgQuery = 'img[src^="https://pbs.twimg.com/media/"]';
  const img = ul !== undefined
    ? [...ul.querySelectorAll(imgQuery)][nth - 1]
    : [...modal.querySelectorAll(imgQuery)].find((elm) => elm.parentNode.getAttribute('data-testid') !== 'tweetPhoto');
  const imgUrl = img.src;

  const blob = await fetch(imgUrl).then((res) => res.blob());
  const blobType = blob?.type;

  if (!/^image\/.+$/.test(blobType)) {
    return;
  }
(async () => {
  const url = location.href;
  const [, tweetId, nth] = url.match(/\/status\/(\d+)\/photo\/(\d)/);

  const modal = document.querySelector('div[style*="transition-duration:"][style*="background-color:"]');
  const ul = [...modal.querySelectorAll('ul')].find((elm) => [...elm.style].includes('transform'));
  const imgQuery = 'img[src^="https://pbs.twimg.com/media/"]';
  const img = ul !== undefined
    ? [...ul.querySelectorAll(imgQuery)][nth - 1]
    : [...modal.querySelectorAll(imgQuery)].find((elm) => elm.parentNode.getAttribute('data-testid') !== 'tweetPhoto');
  const imgUrl = img.src;

  const blob = await fetch(imgUrl).then((res) => res.blob());
  const blobType = blob?.type;

  if (!/^image\/.+$/.test(blobType)) {
    return;
  }

  const objectUrl = URL.createObjectURL(blob);

  const anchor = document.createElement('a');
  anchor.href = objectUrl;
  anchor.download = `twitter_${tweetId}_${nth}`;
  anchor.click();

  URL.revokeObjectURL(objectUrl);
})();

  const objectUrl = URL.createObjectURL(blob);

  const anchor = document.createElement('a');
  anchor.href = objectUrl;
  anchor.download = `twitter_${tweetId}_${nth}`;
  anchor.click();
  
  URL.revokeObjectURL(objectURL);
})();

npx uglify-js -- save-image.js | tac <<< javascript: | paste -sd '' -