☰

天猫图片下载

天猫商品图片下载

// ==UserScript==
// @name         天猫图片下载
// @namespace    http://tampermonkey.net/
// @version      2024-12-08
// @description  天猫商品图片下载
// @author       You
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tmall.com
// @grant        GM_download
// @include      https://detail.tmall.com/*
// @license      MIT

// ==/UserScript==

(function () {
  'use strict';
  const PARENT_CLASSNAME_MATCH = /^picGallery--/;
  function matchByClassname(divs, match) {
    return divs.filter(div => match.test(div.className));
  }
  function createDownloadButton() {
    const downloadButton = document.createElement('button');
    downloadButton.innerText = '下载';
    return downloadButton;
  }
  let interval = setInterval(function () {
    // 找到所有div
    const divs = Array.from(document.querySelectorAll('div'));
    if (divs.length) {
      clearInterval(interval);
      const parentDiv = matchByClassname(divs, PARENT_CLASSNAME_MATCH)[0];
      const thumbnails = parentDiv.querySelectorAll('ul li img');
      const urls = Array.from(thumbnails).map(thumbnail => thumbnail.src);
      //创建下载按钮
      const button = createDownloadButton();
      button.onclick = function () {
        // 批量下载urls
        urls.forEach((url, index) => {
            const urlList = url.split('.');
            const suffix = urlList[urlList.length - 1];
            GM_download(url, `image-${index}.${suffix}`);
        });
      };
        //插入下载按钮
      parentDiv.appendChild(button);
    }
  }, 1500);
})();