☰

Twitter/X Media Batch Downloader

Batch download all images and videos from a Twitter/X account, including withheld accounts, in original quality.

当前为 2025-01-28 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Twitter/X Media Batch Downloader
  3. // @description  Batch download all images and videos from a Twitter/X account, including withheld accounts, in original quality.
  4. // @icon         https://raw.githubusercontent.com/afkarxyz/Twitter-X-Media-Batch-Downloader/refs/heads/main/Archived/icon.svg
  5. // @version      2.5
  6. // @author       afkarxyz
  7. // @namespace    https://github.com/afkarxyz/misc-scripts/
  8. // @supportURL   https://github.com/afkarxyz/misc-scripts/issues
  9. // @license      MIT
  10. // @match        https://twitter.com/*
  11. // @match        https://x.com/*
  12. // @grant        GM_xmlhttpRequest
  13. // @grant        GM_setValue
  14. // @grant        GM_getValue
  15. // @connect      twitterxapis.vercel.app
  16. // @connect      pbs.twimg.com
  17. // @connect      video.twimg.com
  18. // @require      https://cdn.jsdelivr.net/npm/jszip@3.7.1/dist/jszip.min.js
  19. // ==/UserScript==
  20.  
  21. ;(() => {
  22.   function createSVGIcon(pathD, viewBox = "0 0 640 512") {
  23.     const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg")
  24.     svg.setAttribute("xmlns", "http://www.w3.org/2000/svg")
  25.     svg.setAttribute("viewBox", viewBox)
  26.     svg.setAttribute("width", "16")
  27.     svg.setAttribute("height", "16")
  28.  
  29.     const path = document.createElementNS("http://www.w3.org/2000/svg", "path")
  30.     path.setAttribute("fill", "currentColor")
  31.     path.setAttribute("d", pathD)
  32.  
  33.     svg.appendChild(path)
  34.     return svg
  35.   }
  36.  
  37.   const mediaIcon = createSVGIcon(
  38.     "M256 48c-8.8 0-16 7.2-16 16l0 224c0 8.7 6.9 15.8 15.6 16l69.1-94.2c4.5-6.2 11.7-9.8 19.4-9.8s14.8 3.6 19.4 9.8L380 232.4l56-85.6c4.4-6.8 12-10.9 20.1-10.9s15.7 4.1 20.1 10.9L578.7 303.8c7.6-1.3 13.3-7.9 13.3-15.8l0-224c0-8.8-7.2-16-16-16L256 48zM192 64c0-35.3 28.7-64 64-64L576 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-320 0c-35.3 0-64-28.7-64-64l0-224zm-56 64l24 0 0 48 0 88 0 112 0 8 0 80 192 0 0-80 48 0 0 80 48 0c8.8 0 16-7.2 16-16l0-64 48 0 0 64c0 35.3-28.7 64-64 64l-48 0-24 0-24 0-192 0-24 0-24 0-48 0c-35.3 0-64-28.7-64-64L0 192c0-35.3 28.7-64 64-64l48 0 24 0zm-24 48l-48 0c-8.8 0-16 7.2-16 16l0 48 64 0 0-64zm0 288l0-64-64 0 0 48c0 8.8 7.2 16 16 16l48 0zM48 352l64 0 0-64-64 0 0 64zM304 80a32 32 0 1 1 0 64 32 32 0 1 1 0-64z",
  39.   )
  40.  
  41.   const imageIcon = createSVGIcon(
  42.     "M448 80c8.8 0 16 7.2 16 16l0 319.8-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3L48 96c0-8.8 7.2-16 16-16l384 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z",
  43.     "0 0 512 512",
  44.   )
  45.  
  46.   const gifIcon = createSVGIcon(
  47.     "M160 432l192 0 0-112 0-128 0-112L160 80l0 112 0 128 0 112zM112 80L64 80c-8.8 0-16 7.2-16 16l0 72 64 0 0-88zm0 136l-64 0 0 80 64 0 0-80zm0 128l-64 0 0 72c0 8.8 7.2 16 16 16l48 0 0-88zM400 80l0 88 64 0 0-72c0-8.8-7.2-16-16-16l-48 0zm64 136l-64 0 0 80 64 0 0-80zm0 128l-64 0 0 88 48 0c8.8 0 16-7.2 16-16l0-72zM64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32z",
  48.     "0 0 512 512"
  49.   )
  50.  
  51.   const videoIcon = createSVGIcon(
  52.     "M352 432l-192 0 0-112 0-40 192 0 0 40 0 112zm0-200l-192 0 0-40 0-112 192 0 0 112 0 40zM64 80l48 0 0 88-64 0 0-72c0-8.8 7.2-16 16-16zM48 216l64 0 0 80-64 0 0-80zm64 216l-48 0c-8.8 0-16-7.2-16-16l0-72 64 0 0 88zM400 168l0-88 48 0c8.8 0 16 7.2 16 16l0 72-64 0zm0 48l64 0 0 80-64 0 0-80zm0 128l64 0 0 72c0 8.8-7.2 16-16 16l-48 0 0-88zM448 32L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64z",
  53.     "0 0 512 512",
  54.   )
  55.  
  56.   const iconClear = createSVGIcon(
  57.     "M505 41c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L335 143l-12.9-12.9c-20.2-20.2-51.4-24.6-76.3-10.7L16.4 246.9C6.3 252.5 0 263.2 0 274.8c0 8.5 3.4 16.6 9.3 22.6L214.7 502.7c6 6 14.1 9.3 22.6 9.3c11.6 0 22.3-6.3 27.9-16.4L392.6 266.2c13.9-25 9.5-56.1-10.7-76.3L369 177 505 41zM323.6 291.6l-90 162.1L137 357.1l18-53.9c2.1-6.3-3.9-12.2-10.1-10.1L90.9 311 58.4 278.5l162.1-90L323.6 291.6z",
  58.     "0 0 512 512"
  59.   )
  60.  
  61.   const zipIcon = createSVGIcon(
  62.     "M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zM96 48c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zm-6.3 71.8c3.7-14 16.4-23.8 30.9-23.8l14.8 0c14.5 0 27.2 9.7 30.9 23.8l23.5 88.2c1.4 5.4 2.1 10.9 2.1 16.4c0 35.2-28.8 63.7-64 63.7s-64-28.5-64-63.7c0-5.5 .7-11.1 2.1-16.4l23.5-88.2zM112 336c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0z",
  63.     "0 0 384 512",
  64.   )
  65.  
  66.   function createDownloadIcon() {
  67.     const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg")
  68.     svg.setAttribute("xmlns", "http://www.w3.org/2000/svg")
  69.     svg.setAttribute("viewBox", "0 0 512 512")
  70.     svg.setAttribute("width", "18")
  71.     svg.setAttribute("height", "18")
  72.     svg.style.verticalAlign = "middle"
  73.     svg.style.cursor = "pointer"
  74.  
  75.     const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs")
  76.     const style = document.createElementNS("http://www.w3.org/2000/svg", "style")
  77.     style.textContent = ".fa-secondary{opacity:.4}"
  78.     defs.appendChild(style)
  79.     svg.appendChild(defs)
  80.  
  81.     const secondaryPath = document.createElementNS("http://www.w3.org/2000/svg", "path")
  82.     secondaryPath.setAttribute("class", "fa-secondary")
  83.     secondaryPath.setAttribute("fill", "currentColor")
  84.     secondaryPath.setAttribute(
  85.       "d",
  86.       "M0 256C0 397.4 114.6 512 256 512s256-114.6 256-256c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 106-86 192-192 192S64 362 64 256c0-17.7-14.3-32-32-32s-32 14.3-32 32z",
  87.     )
  88.     svg.appendChild(secondaryPath)
  89.  
  90.     const primaryPath = document.createElementNS("http://www.w3.org/2000/svg", "path")
  91.     primaryPath.setAttribute("class", "fa-primary")
  92.     primaryPath.setAttribute("fill", "currentColor")
  93.     primaryPath.setAttribute(
  94.       "d",
  95.       "M390.6 185.4c12.5 12.5 12.5 32.8 0 45.3l-112 112c-12.5 12.5-32.8 12.5-45.3 0l-112-112c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 242.7 224 32c0-17.7 14.3-32 32-32s32 14.3 32 32l0 210.7 57.4-57.4c12.5-12.5 32.8-12.5 45.3 0z",
  96.     )
  97.     svg.appendChild(primaryPath)
  98.  
  99.     return svg
  100.   }
  101.  
  102.   const downloadIcon = createDownloadIcon()
  103.  
  104.   function createLoadingIcon() {
  105.     const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg")
  106.     svg.setAttribute("xmlns", "http://www.w3.org/2000/svg")
  107.     svg.setAttribute("viewBox", "0 0 24 24")
  108.     svg.setAttribute("width", "20")
  109.     svg.setAttribute("height", "20")
  110.     svg.style.verticalAlign = "middle"
  111.  
  112.     const path1 = document.createElementNS("http://www.w3.org/2000/svg", "path")
  113.     path1.setAttribute("fill", "currentColor")
  114.     path1.setAttribute("d", "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z")
  115.     path1.setAttribute("opacity", "0.25")
  116.     svg.appendChild(path1)
  117.  
  118.     const path2 = document.createElementNS("http://www.w3.org/2000/svg", "path")
  119.     path2.setAttribute("fill", "currentColor")
  120.     path2.setAttribute(
  121.       "d",
  122.       "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z",
  123.     )
  124.  
  125.     const animateTransform = document.createElementNS("http://www.w3.org/2000/svg", "animateTransform")
  126.     animateTransform.setAttribute("attributeName", "transform")
  127.     animateTransform.setAttribute("dur", "0.75s")
  128.     animateTransform.setAttribute("repeatCount", "indefinite")
  129.     animateTransform.setAttribute("type", "rotate")
  130.     animateTransform.setAttribute("values", "0 12 12;360 12 12")
  131.  
  132.     path2.appendChild(animateTransform)
  133.     svg.appendChild(path2)
  134.  
  135.     return svg
  136.   }
  137.  
  138.   const loadingIcon = createLoadingIcon()
  139.  
  140.   let controlPanel = null
  141.   let imageCounter
  142.   let isDownloading = false
  143.   let errorPopup = null
  144.  
  145.   function getCachedUrls(username) {
  146.     const cache = GM_getValue(`${username}_cache`, {})
  147.     const downloadedUrls = GM_getValue(`${username}_downloaded`, {})
  148.     return { cache, downloadedUrls }
  149.   }
  150.   
  151.   function cacheUrls(username, metadata) {
  152.     const { downloadedUrls } = getCachedUrls(username)
  153.     const newUrls = []
  154.     let newUrlCount = 0
  155.   
  156.     metadata.timeline.forEach(item => {
  157.       if (!downloadedUrls[item.tweet_id]) {
  158.         newUrls.push(item)
  159.         newUrlCount++
  160.       }
  161.     })
  162.   
  163.     return {
  164.       newUrls,
  165.       newUrlCount
  166.     }
  167.   }
  168.   
  169.   function markUrlsAsDownloaded(username, urls) {
  170.     const { downloadedUrls } = getCachedUrls(username)
  171.     const updatedDownloadedUrls = { ...downloadedUrls }
  172.   
  173.     urls.forEach(item => {
  174.       updatedDownloadedUrls[item.tweet_id] = true
  175.     })
  176.   
  177.     GM_setValue(`${username}_downloaded`, updatedDownloadedUrls)
  178.   }
  179.   
  180.   function clearCache(username) {
  181.     GM_setValue(`${username}_cache`, {})
  182.     GM_setValue(`${username}_downloaded`, {})
  183.   }
  184.  
  185.   function createPopup(message, buttons = [], isError = false) {
  186.     if (errorPopup) {
  187.       errorPopup.remove()
  188.     }
  189.  
  190.     const overlay = document.createElement("div")
  191.     overlay.style.cssText = `
  192.       position: fixed;
  193.       top: 0;
  194.       left: 0;
  195.       width: 100%;
  196.       height: 100%;
  197.       background-color: rgba(0, 0, 0, 0.5);
  198.       z-index: 10000;
  199.     `
  200.  
  201.     const popup = document.createElement("div")
  202.     popup.style.cssText = `
  203.       position: fixed;
  204.       top: 50%;
  205.       left: 50%;
  206.       transform: translate(-50%, -50%);
  207.       background-color: rgba(35, 35, 35, 0.9);
  208.       padding: 20px;
  209.       border-radius: 8px;
  210.       z-index: 10001;
  211.       width: 300px;
  212.       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  213.       color: white;
  214.       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  215.     `
  216.  
  217.     const title = document.createElement("h3")
  218.     title.textContent = isError ? "Check Your Auth Token!" : "Confirmation"
  219.     title.style.cssText = `
  220.       margin: 0 0 12px 0;
  221.       font-size: 18px;
  222.       font-weight: bold;
  223.       text-align: center;
  224.       color: ${isError ? '#ff4444' : '#ffffff'};
  225.     `
  226.     popup.appendChild(title)
  227.  
  228.     const messageElement = document.createElement("p")
  229.     messageElement.style.cssText = `
  230.       margin: 0 0 12px 0;
  231.       font-size: 14px;
  232.       line-height: 1.4;
  233.       text-align: center;
  234.     `
  235.  
  236.     const messageParts = message.split(/<br\s*\/?>/i)
  237.     messageParts.forEach((part, index) => {
  238.       messageElement.appendChild(document.createTextNode(part))
  239.  
  240.       if (index < messageParts.length - 1) {
  241.         messageElement.appendChild(document.createElement("br"))
  242.       }
  243.     })
  244.  
  245.     popup.appendChild(messageElement)
  246.  
  247.     if (isError) {
  248.       const link = document.createElement("a")
  249.       link.href = "https://github.com/afkarxyz/Twitter-X-Media-Batch-Downloader?tab=readme-ov-file#how-to-obtain-auth-token"
  250.       link.target = "_blank"
  251.       link.textContent = "How to Obtain Auth Token"
  252.       link.style.cssText = `
  253.         display: block;
  254.         text-align: center;
  255.         color: #1da1f2;
  256.         text-decoration: none;
  257.         font-size: 14px;
  258.         margin-bottom: 12px;
  259.       `
  260.       popup.appendChild(link)
  261.     }
  262.  
  263.     const buttonsContainer = document.createElement("div")
  264.     buttonsContainer.style.cssText = `
  265.       display: flex;
  266.       gap: 8px;
  267.       justify-content: center;
  268.     `
  269.  
  270.     buttons.forEach(({ text, onClick, color }) => {
  271.       const button = document.createElement("button")
  272.       button.textContent = text
  273.       button.style.cssText = `
  274.         width: 120px;
  275.         padding: 8px;
  276.         background-color: ${color};
  277.         border: none;
  278.         border-radius: 4px;
  279.         color: white;
  280.         font-size: 14px;
  281.         text-align: center;
  282.         cursor: pointer;
  283.         transition: background-color 0.2s;
  284.       `
  285.   
  286.       button.addEventListener("mouseenter", () => {
  287.         let hoverColor = color
  288.         if (color === "#28a745") hoverColor = "#218838"
  289.         else if (color === "#1da1f2") hoverColor = "#1991db"
  290.         else if (color === "#dc3545") hoverColor = "#c82333"
  291.         
  292.         button.style.backgroundColor = hoverColor
  293.       })
  294.       
  295.       button.addEventListener("mouseleave", () => {
  296.         button.style.backgroundColor = color
  297.       })
  298.   
  299.       button.addEventListener("click", () => {
  300.         onClick()
  301.         overlay.remove()
  302.         errorPopup = null
  303.       })
  304.       buttonsContainer.appendChild(button)
  305.     })
  306.  
  307.     popup.appendChild(buttonsContainer)
  308.     overlay.appendChild(popup)
  309.     document.body.appendChild(overlay)
  310.     errorPopup = overlay
  311.  
  312.     overlay.addEventListener("click", (e) => {
  313.       if (e.target === overlay) {
  314.         overlay.remove()
  315.         errorPopup = null
  316.       }
  317.     })
  318.   }
  319.  
  320.   async function fetchMetadata(username, url) {
  321.     const authToken = GM_getValue("auth_token", "")
  322.     return new Promise((resolve, reject) => {
  323.       GM_xmlhttpRequest({
  324.         method: "GET",
  325.         url: url || `https://twitterxapis.vercel.app/metadata/${username}/${authToken}`,
  326.         headers: { Accept: "application/json" },
  327.         onload: (response) => {
  328.           try {
  329.             if (response.responseText.toLowerCase().startsWith("<!doctype")) {
  330.               reject(new Error("Invalid authentication token"))
  331.               return
  332.             }
  333.       
  334.             const raw = response.responseText
  335.             const data = JSON.parse(raw.replace(/"tweet_id":(\d+)/g, '"tweet_id":"$1"'))
  336.       
  337.             if (data.error === "None") {
  338.               reject(new Error("Invalid authentication token"))
  339.               return
  340.             }
  341.             if (data.timeline) {
  342.               data.timeline = data.timeline.map((item, index) => ({
  343.                 ...item,
  344.                 tweet_id: item.tweet_id || `${index}`
  345.               }))
  346.             }
  347.             resolve(data)
  348.           } catch (error) {
  349.             reject(new Error("Invalid authentication token"))
  350.           }
  351.         },
  352.         onerror: () => reject(new Error("Invalid authentication token")),
  353.       })
  354.     })
  355.   }
  356.  
  357.   async function downloadFile(url) {
  358.     return new Promise((resolve, reject) => {
  359.       GM_xmlhttpRequest({
  360.         method: "GET",
  361.         url,
  362.         responseType: "blob",
  363.         headers: { Accept: "image/jpeg,image/*,video/*" },
  364.         onload: (response) => resolve(response.response),
  365.         onerror: reject,
  366.       })
  367.     })
  368.   }
  369.  
  370.   function formatNumber(num) {
  371.     return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  372.   }
  373.   
  374.   function createCustomMenu(username) {
  375.     const menuOverlay = document.createElement("div")
  376.     menuOverlay.style.cssText = `
  377.       position: fixed;
  378.       top: 0;
  379.       left: 0;
  380.       width: 100%;
  381.       height: 100%;
  382.       background-color: rgba(0, 0, 0, 0.5);
  383.       display: flex;
  384.       justify-content: center;
  385.       align-items: center;
  386.       z-index: 10000;
  387.     `
  388.  
  389.     const menu = document.createElement("div")
  390.     menu.style.cssText = `
  391.       background-color: rgba(35, 35, 35, 0.9);
  392.       border-radius: 6px;
  393.       width: 240px;
  394.       padding: 12px;
  395.       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  396.       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  397.     `
  398.  
  399.     const tokenInput = document.createElement("input")
  400.     tokenInput.type = "text"
  401.     tokenInput.value = GM_getValue("auth_token", "")
  402.     tokenInput.placeholder = "Enter Auth Token"
  403.     tokenInput.style.cssText = `
  404.       width: 100%;
  405.       padding: 8px;
  406.       margin-bottom: 8px;
  407.       background-color: rgba(255, 255, 255, 0.1);
  408.       border: none;
  409.       border-radius: 4px;
  410.       color: white;
  411.       font-size: 14px;
  412.       box-sizing: border-box;
  413.     `
  414.  
  415.     tokenInput.addEventListener("input", (e) => GM_setValue("auth_token", e.target.value))
  416.  
  417.     const options = [
  418.       { name: "Media", icon: mediaIcon, url: `https://twitterxapis.vercel.app/metadata/${username}` },
  419.       { name: "Image", icon: imageIcon, url: `https://twitterxapis.vercel.app/metadata/image/${username}` },
  420.       { name: "GIF", icon: gifIcon, url: `https://twitterxapis.vercel.app/metadata/gif/${username}` },
  421.       { name: "Video", icon: videoIcon, url: `https://twitterxapis.vercel.app/metadata/video/${username}` },
  422.       { 
  423.         name: "Clear Cache", 
  424.         icon: iconClear, 
  425.         action: () => {
  426.           createPopup(
  427.             "Are you sure you want to clear the cache?",
  428.             [
  429.               {
  430.                 text: "Yes",
  431.                 onClick: () => {
  432.                   clearCache(username)
  433.                   createPopup(
  434.                     "Cache cleared successfully!",
  435.                     [
  436.                       {
  437.                         text: "OK",
  438.                         onClick: () => {},
  439.                         color: "#1da1f2"
  440.                       }
  441.                     ]
  442.                   )
  443.                 },
  444.                 color: "#dc3545"
  445.               },
  446.               {
  447.                 text: "No",
  448.                 onClick: () => {},
  449.                 color: "#1da1f2"
  450.               }
  451.             ]
  452.           )
  453.         }
  454.       }
  455.     ]
  456.  
  457.     const title = document.createElement("h2")
  458.     title.textContent = "Download Options"
  459.     title.style.cssText = `
  460.       margin-top: 0;
  461.       margin-bottom: 15px;
  462.       font-size: 16px;
  463.       font-weight: bold;
  464.       color: white;
  465.       text-align: center;
  466.     `
  467.     menu.appendChild(title)
  468.     menu.appendChild(tokenInput)
  469.  
  470.     options.forEach(({ name, icon, url, action }) => {
  471.       const button = document.createElement("button")
  472.       button.style.cssText = `
  473.         display: flex;
  474.         align-items: center;
  475.         gap: 10px;
  476.         margin-bottom: 10px;
  477.         padding: 10px;
  478.         width: 100%;
  479.         border: none;
  480.         background-color: rgba(255, 255, 255, 0.1);
  481.         color: white;
  482.         border-radius: 4px;
  483.         cursor: pointer;
  484.         transition: background-color 0.2s;
  485.         font-size: 14px;
  486.       `
  487.  
  488.       const iconContainer = document.createElement("div")
  489.       iconContainer.style.cssText = `
  490.         display: flex;
  491.         align-items: center;
  492.         justify-content: center;
  493.         width: 16px;
  494.         height: 16px;
  495.       `
  496.       const iconClone = icon.cloneNode(true)
  497.       iconContainer.appendChild(iconClone)
  498.  
  499.       const textContainer = document.createElement("div")
  500.       textContainer.style.cssText = `
  501.         display: flex;
  502.         align-items: center;
  503.         gap: 4px;
  504.       `
  505.       const buttonText = document.createTextNode(name)
  506.       textContainer.appendChild(buttonText)
  507.  
  508.       button.appendChild(iconContainer)
  509.       button.appendChild(textContainer)
  510.  
  511.       button.addEventListener("mouseenter", () => (button.style.backgroundColor = "rgba(255, 255, 255, 0.2)"))
  512.       button.addEventListener("mouseleave", () => (button.style.backgroundColor = "rgba(255, 255, 255, 0.1)"))
  513.  
  514.       button.addEventListener("click", async () => {
  515.         if (action) {
  516.           action()
  517.           return
  518.         }
  519.  
  520.         try {
  521.           const buttonText = textContainer.firstChild
  522.           const originalText = buttonText.textContent
  523.           buttonText.textContent = "Fetching..."
  524.  
  525.           while (iconContainer.firstChild) {
  526.             iconContainer.removeChild(iconContainer.firstChild)
  527.           }
  528.           iconContainer.appendChild(loadingIcon.cloneNode(true))
  529.  
  530.           const allButtons = menu.querySelectorAll('button')
  531.           allButtons.forEach(btn => btn.disabled = true)
  532.  
  533.           const authToken = GM_getValue("auth_token", "")
  534.           const metadata = await fetchMetadata(username, `${url}/${authToken}`)
  535.           
  536.           const { newUrls, newUrlCount } = cacheUrls(username, metadata)
  537.  
  538.           const isFirstDownload = newUrlCount === metadata.total_urls || newUrls.length === 0
  539.  
  540.           while (iconContainer.firstChild) {
  541.             iconContainer.removeChild(iconContainer.firstChild)
  542.           }
  543.           buttonText.textContent = originalText
  544.           const countText = document.createTextNode(` ${formatNumber(metadata.total_urls)}`)
  545.           iconContainer.appendChild(icon.cloneNode(true))
  546.           textContainer.appendChild(countText)
  547.  
  548.           const existingButtons = menu.querySelector('.confirmation-buttons')
  549.           if (existingButtons) {
  550.             existingButtons.remove()
  551.           }
  552.  
  553.           const downloadOptions = document.createElement('div')
  554.           downloadOptions.className = 'confirmation-buttons'
  555.           downloadOptions.style.cssText = `
  556.             display: flex;
  557.             flex-direction: column;
  558.             gap: 8px;
  559.             margin-top: 12px;
  560.           `
  561.           
  562.           if (newUrlCount > 0 && !isFirstDownload) {
  563.             const downloadNewButton = document.createElement("button")
  564.             downloadNewButton.textContent = `Download New (${formatNumber(newUrlCount)})`
  565.             downloadNewButton.style.cssText = `
  566.               width: 100%;
  567.               padding: 6px 16px;
  568.               border: none;
  569.               border-radius: 4px;
  570.               background-color: #28a745;
  571.               color: white;
  572.               cursor: pointer;
  573.               font-size: 14px;
  574.               text-align: center;
  575.               transition: background-color 0.2s;
  576.             `
  577.             downloadNewButton.addEventListener("mouseenter", () => downloadNewButton.style.backgroundColor = "#218838")
  578.             downloadNewButton.addEventListener("mouseleave", () => downloadNewButton.style.backgroundColor = "#28a745")
  579.             downloadNewButton.addEventListener("click", () => {
  580.               createPopup(
  581.                 `Do you want to download ${formatNumber(newUrlCount)} new files?`,
  582.                 [
  583.                   {
  584.                     text: "Download",
  585.                     onClick: () => {
  586.                       const newMetadata = {
  587.                         ...metadata,
  588.                         timeline: newUrls,
  589.                         total_urls: newUrlCount
  590.                       }
  591.                       menuOverlay.remove()
  592.                       controlPanel = createControlPanel()
  593.                       imageCounter = controlPanel.counter
  594.                       downloadMedia(newMetadata, icon, username)
  595.                     },
  596.                     color: "#28a745"
  597.                   },
  598.                   {
  599.                     text: "Cancel",
  600.                     onClick: () => {},
  601.                     color: "#dc3545"
  602.                   }
  603.                 ]
  604.               )
  605.             })
  606.             downloadOptions.appendChild(downloadNewButton)
  607.           }
  608.           
  609.           const downloadAllButton = document.createElement("button")
  610.           downloadAllButton.textContent = isFirstDownload || !newUrls.length 
  611.             ? `Download (${formatNumber(metadata.total_urls)})` 
  612.             : `Download All (${formatNumber(metadata.total_urls)})`
  613.           downloadAllButton.style.cssText = `
  614.             width: 100%;
  615.             padding: 6px 16px;
  616.             border: none;
  617.             border-radius: 4px;
  618.             background-color: #1da1f2;
  619.             color: white;
  620.             cursor: pointer;
  621.             font-size: 14px;
  622.             text-align: center;
  623.             transition: background-color 0.2s;
  624.           `
  625.           downloadAllButton.addEventListener("mouseenter", () => downloadAllButton.style.backgroundColor = "#1991db")
  626.           downloadAllButton.addEventListener("mouseleave", () => downloadAllButton.style.backgroundColor = "#1da1f2")
  627.           downloadAllButton.addEventListener("click", () => {
  628.             createPopup(
  629.               `Do you want to download ${formatNumber(metadata.total_urls)} files?`,
  630.               [
  631.                 {
  632.                   text: "Download",
  633.                   onClick: () => {
  634.                     menuOverlay.remove()
  635.                     controlPanel = createControlPanel()
  636.                     imageCounter = controlPanel.counter
  637.                     downloadMedia(metadata, icon, username)
  638.                   },
  639.                   color: "#1da1f2"
  640.                 },
  641.                 {
  642.                   text: "Cancel",
  643.                   onClick: () => {},
  644.                   color: "#dc3545"
  645.                 }
  646.               ]
  647.             )
  648.           })
  649.           downloadOptions.appendChild(downloadAllButton)
  650.  
  651.           const cancelButton = document.createElement("button")
  652.           cancelButton.textContent = "Cancel"
  653.           cancelButton.style.cssText = `
  654.             width: 100%;
  655.             padding: 6px 16px;
  656.             border: none;
  657.             border-radius: 4px;
  658.             background-color: #dc3545;
  659.             color: white;
  660.             cursor: pointer;
  661.             font-size: 14px;
  662.             text-align: center;
  663.             transition: background-color 0.2s;
  664.           `
  665.           cancelButton.addEventListener("mouseenter", () => cancelButton.style.backgroundColor = "#c82333")
  666.           cancelButton.addEventListener("mouseleave", () => cancelButton.style.backgroundColor = "#dc3545")
  667.           cancelButton.addEventListener("click", () => menuOverlay.remove())
  668.           downloadOptions.appendChild(cancelButton)
  669.  
  670.           menu.appendChild(downloadOptions)
  671.           allButtons.forEach(btn => btn.disabled = false)
  672.  
  673.         } catch (error) {
  674.           console.error("Error fetching metadata:", error)
  675.           createPopup(
  676.             "It might be invalid or expired.<br>Also, ensure that your account is still logged in.",
  677.             [
  678.               {
  679.                 text: "Close",
  680.                 onClick: () => {},
  681.                 color: "#1da1f2"
  682.               }
  683.             ],
  684.             true
  685.           )
  686.  
  687.           while (iconContainer.firstChild) {
  688.             iconContainer.removeChild(iconContainer.firstChild)
  689.           }
  690.           const buttonText = textContainer.firstChild
  691.           buttonText.textContent = name
  692.           iconContainer.appendChild(iconClone)
  693.  
  694.           const allButtons = menu.querySelectorAll('button')
  695.           allButtons.forEach(btn => btn.disabled = false)
  696.         }
  697.       })
  698.       menu.appendChild(button)
  699.     })
  700.  
  701.     menuOverlay.appendChild(menu)
  702.     document.body.appendChild(menuOverlay)
  703.     menuOverlay.addEventListener("click", (e) => {
  704.       if (e.target === menuOverlay) menuOverlay.remove()
  705.     })
  706.   }
  707.  
  708.   function getFileExtension(url) {
  709.     if (url.includes("video.twimg.com")) return ".mp4"
  710.     if (url.includes(".gif")) return ".gif"
  711.     return ".jpg"
  712.   }
  713.  
  714.   function formatDate(dateString) {
  715.     const date = new Date(dateString)
  716.     const pad = (num) => String(num).padStart(2, "0")
  717.     return `${date.getFullYear()}${pad(date.getMonth() + 1)}${pad(date.getDate())}_${pad(date.getHours())}${pad(date.getMinutes())}${pad(date.getSeconds())}`
  718.   }
  719.  
  720.   function createControlPanel() {
  721.     const styles = `
  722.     .control-panel {
  723.       position: fixed;
  724.       top: 16px;
  725.       right: 16px;
  726.       display: flex;
  727.       flex-direction: column;
  728.       gap: 8px;
  729.       background-color: rgba(35, 35, 35, 0.75);
  730.       padding: 12px;
  731.       border-radius: 6px;
  732.       transform: translateX(calc(100% + 16px));
  733.       opacity: 0;
  734.       transition: transform 0.3s ease, opacity 0.3s ease;
  735.       z-index: 9999;
  736.       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  737.       pointer-events: none;
  738.       width: 200px;
  739.     }
  740.     .control-panel.visible {
  741.       transform: translateX(0);
  742.       opacity: 1;
  743.       pointer-events: all;
  744.     }
  745.     .control-panel.hiding {
  746.       transform: translateX(calc(100% + 16px));
  747.       opacity: 0;
  748.       pointer-events: none;
  749.     }
  750.     .image-counter {
  751.       color: white;
  752.       text-align: center;
  753.       font-size: 14px;
  754.       display: flex;
  755.       align-items: center;
  756.       justify-content: center;
  757.       gap: 6px;
  758.       min-height: 20px;
  759.     }
  760.     .progress-container {
  761.       display: none;
  762.       margin-top: 8px;
  763.       width: 100%;
  764.     }
  765.     .progress-bar {
  766.       width: 100%;
  767.       height: 4px;
  768.       background-color: #1a1a1a;
  769.       border-radius: 2px;
  770.     }
  771.     .progress-fill {
  772.       width: 0%;
  773.       height: 100%;
  774.       background-color: #1da1f2;
  775.       border-radius: 2px;
  776.       transition: width 0.3s ease;
  777.     }
  778.     .progress-text {
  779.       color: white;
  780.       font-size: 12px;
  781.       text-align: center;
  782.       margin-top: 4px;
  783.       min-height: 16px;
  784.     }
  785.     .cancel-button {
  786.       background-color: #dc3545;
  787.       color: white;
  788.       border: none;
  789.       border-radius: 4px;
  790.       padding: 6px 12px;
  791.       font-size: 12px;
  792.       text-align: center;
  793.       cursor: pointer;
  794.       transition: background-color 0.2s;
  795.       margin-top: 12px;
  796.       display: block;
  797.       margin-left: auto;
  798.       margin-right: auto;
  799.       width: 80px;
  800.     }
  801.     .cancel-button:hover {
  802.       background-color: #c82333;
  803.     }`
  804.  
  805.     if (!document.querySelector("#control-panel-styles")) {
  806.       const styleSheet = document.createElement("style")
  807.       styleSheet.id = "control-panel-styles"
  808.       styleSheet.textContent = styles
  809.       document.head.appendChild(styleSheet)
  810.     }
  811.  
  812.     const panel = document.createElement("div")
  813.     panel.className = "control-panel"
  814.  
  815.     const counter = document.createElement("div")
  816.     counter.className = "image-counter"
  817.     counter.appendChild(mediaIcon.cloneNode(true))
  818.     counter.appendChild(document.createTextNode(" 0"))
  819.  
  820.     const progressContainer = document.createElement("div")
  821.     progressContainer.className = "progress-container"
  822.  
  823.     const progressBar = document.createElement("div")
  824.     progressBar.className = "progress-bar"
  825.  
  826.     const progressFill = document.createElement("div")
  827.     progressFill.className = "progress-fill"
  828.  
  829.     const progressText = document.createElement("div")
  830.     progressText.className = "progress-text"
  831.     progressText.textContent = "0%"
  832.  
  833.     const cancelButton = document.createElement("button")
  834.     cancelButton.className = "cancel-button"
  835.     cancelButton.textContent = "Cancel"
  836.     cancelButton.addEventListener("click", () => {
  837.       isDownloading = false
  838.       hideControlPanel()
  839.     })
  840.  
  841.     progressBar.appendChild(progressFill)
  842.     progressContainer.appendChild(progressBar)
  843.     progressContainer.appendChild(progressText)
  844.     progressContainer.appendChild(cancelButton)
  845.  
  846.     panel.appendChild(counter)
  847.     panel.appendChild(progressContainer)
  848.     document.body.appendChild(panel)
  849.  
  850.     requestAnimationFrame(() => {
  851.       requestAnimationFrame(() => {
  852.         panel.classList.add("visible")
  853.       })
  854.     })
  855.  
  856.     return { counter, panel }
  857.   }
  858.  
  859.   function formatDownloadDate() {
  860.     const now = new Date()
  861.     const year = now.getFullYear()
  862.     const month = String(now.getMonth() + 1).padStart(2, '0')
  863.     const day = String(now.getDate()).padStart(2, '0')
  864.     const hours = String(now.getHours()).padStart(2, '0')
  865.     const minutes = String(now.getMinutes()).padStart(2, '0')
  866.     const seconds = String(now.getSeconds()).padStart(2, '0')
  867.     return `${year}${month}${day}_${hours}${minutes}${seconds}`
  868.   }
  869.  
  870.   async function downloadMedia(metadata, icon, username) {
  871.     if (isDownloading || !controlPanel?.panel) return
  872.     isDownloading = true
  873.  
  874.     const { account_info, timeline, total_urls } = metadata
  875.     const { name } = account_info
  876.     const BATCH_SIZE = 5
  877.     const FILES_PER_ZIP = 500
  878.  
  879.     const progressContainer = controlPanel.panel.querySelector(".progress-container")
  880.     const progressFill = progressContainer?.querySelector(".progress-fill")
  881.     const progressText = progressContainer?.querySelector(".progress-text")
  882.     const buttonsContainer = controlPanel.panel.querySelector(".buttons-container")
  883.  
  884.     if (!progressContainer || !progressFill || !progressText || !imageCounter) {
  885.         console.error("Required elements not found")
  886.         isDownloading = false
  887.         return
  888.     }
  889.  
  890.     if (buttonsContainer?.style) buttonsContainer.style.display = "none"
  891.     progressContainer.style.display = "block"
  892.     while (imageCounter.firstChild) {
  893.         imageCounter.removeChild(imageCounter.firstChild)
  894.     }
  895.     imageCounter.appendChild(icon.cloneNode(true))
  896.     imageCounter.appendChild(document.createTextNode(` ${formatNumber(total_urls)}`))
  897.  
  898.     let successfulDownloads = []
  899.     const filenameCounts = new Map()
  900.     const batches = []
  901.  
  902.     for (let i = 0; i < timeline.length; i += BATCH_SIZE) {
  903.         if (!isDownloading) {
  904.             console.log("Download cancelled")
  905.             return
  906.         }
  907.     
  908.         const batch = timeline.slice(i, i + BATCH_SIZE).map(async (item) => {
  909.             if (!isDownloading) return false
  910.       
  911.             try {
  912.                 const blob = await downloadFile(item.url)
  913.                 const fileExt = getFileExtension(item.url)
  914.                 const formattedDate = formatDate(item.date)
  915.                 const baseFileName = `${name}_${formattedDate}_${item.tweet_id}`
  916.       
  917.                 let fileName = baseFileName + fileExt
  918.                 if (filenameCounts.has(baseFileName)) {
  919.                     const count = filenameCounts.get(baseFileName) + 1
  920.                     filenameCounts.set(baseFileName, count)
  921.                     fileName = `${baseFileName}_${String(count).padStart(2, "0")}${fileExt}`
  922.                 } else {
  923.                     filenameCounts.set(baseFileName, 0)
  924.                 }
  925.       
  926.                 successfulDownloads.push({ blob, fileName, item })
  927.       
  928.                 const progress = Math.round((successfulDownloads.length / total_urls) * 100)
  929.                 progressFill.style.width = `${progress}%`
  930.                 progressText.textContent = `Downloading: (${formatNumber(successfulDownloads.length)}/${formatNumber(total_urls)}) ${progress}%`
  931.       
  932.                 return true
  933.             } catch (error) {
  934.                 console.error("Error downloading media:", error, item.url)
  935.                 return false
  936.             }
  937.         })
  938.         batches.push(Promise.all(batch))
  939.         await new Promise((resolve) => setTimeout(resolve, 100))
  940.     }
  941.  
  942.     for (const batch of batches) {
  943.         if (!isDownloading) return
  944.         await batch
  945.     }
  946.  
  947.     if (successfulDownloads.length > 0 && isDownloading) {
  948.         markUrlsAsDownloaded(username, successfulDownloads.map(download => download.item))
  949.  
  950.         while (imageCounter.firstChild) {
  951.             imageCounter.removeChild(imageCounter.firstChild)
  952.         }
  953.         imageCounter.appendChild(zipIcon.cloneNode(true))
  954.         imageCounter.appendChild(document.createTextNode(` ${formatNumber(successfulDownloads.length)}`))
  955.  
  956.         if (successfulDownloads.length === 1) {
  957.             const { blob, fileName } = successfulDownloads[0]
  958.             const downloadUrl = URL.createObjectURL(blob)
  959.             const a = document.createElement("a")
  960.             a.href = downloadUrl
  961.             a.download = fileName
  962.             document.body.appendChild(a)
  963.             a.click()
  964.             document.body.removeChild(a)
  965.             URL.revokeObjectURL(downloadUrl)
  966.         } else {
  967.             const totalParts = Math.ceil(successfulDownloads.length / FILES_PER_ZIP)
  968.             const downloadDate = formatDownloadDate()
  969.  
  970.             for (let partIndex = 0; partIndex < totalParts; partIndex++) {
  971.                 if (!isDownloading) return
  972.  
  973.                 const startIndex = partIndex * FILES_PER_ZIP
  974.                 const endIndex = Math.min((partIndex + 1) * FILES_PER_ZIP, successfulDownloads.length)
  975.                 const partFiles = successfulDownloads.slice(startIndex, endIndex)
  976.  
  977.                 const zip = new JSZip()
  978.                 partFiles.forEach(({ blob, fileName }) => {
  979.                     zip.file(fileName, blob)
  980.                 })
  981.  
  982.                 const zipBlob = await zip.generateAsync(
  983.                     {
  984.                         type: "blob",
  985.                         compression: "DEFLATE",
  986.                         compressionOptions: { level: 3 },
  987.                     },
  988.                     (metadata) => {
  989.                         if (!isDownloading) return
  990.                         const progress = Math.round(metadata.percent)
  991.                         const processedFiles = Math.round((progress / 100) * partFiles.length)
  992.                         const totalProcessed = startIndex + processedFiles
  993.                         progressFill.style.width = `${progress}%`
  994.                         progressText.textContent = `Creating ZIP Part ${partIndex + 1}/${totalParts}: (${formatNumber(processedFiles)}/${formatNumber(partFiles.length)}) ${progress}%`
  995.                     },
  996.                 )
  997.  
  998.                 if (isDownloading) {
  999.                     const downloadUrl = URL.createObjectURL(zipBlob)
  1000.                     const partSuffix = totalParts > 1 ? `_Part_${String(partIndex + 1).padStart(2, '0')}` : ''
  1001.                     const a = document.createElement("a")
  1002.                     a.href = downloadUrl
  1003.                     a.download = `${name}_${downloadDate}_${successfulDownloads.length}${partSuffix}.zip`
  1004.                     document.body.appendChild(a)
  1005.                     a.click()
  1006.                     document.body.removeChild(a)
  1007.                     URL.revokeObjectURL(downloadUrl)
  1008.  
  1009.                     await new Promise(resolve => setTimeout(resolve, 1000))
  1010.                 }
  1011.             }
  1012.         }
  1013.     }
  1014.  
  1015.     isDownloading = false
  1016.     hideControlPanel()
  1017.   }
  1018.  
  1019.   function hideControlPanel() {
  1020.     if (controlPanel?.panel) {
  1021.       controlPanel.panel.classList.remove("visible")
  1022.       controlPanel.panel.classList.add("hiding")
  1023.  
  1024.       controlPanel.panel.addEventListener("transitionend", function handler(e) {
  1025.         if (e.propertyName === "opacity") {
  1026.           controlPanel.panel.removeEventListener("transitionend", handler)
  1027.           controlPanel.panel.remove()
  1028.           controlPanel = null
  1029.         }
  1030.       })
  1031.     }
  1032.   }
  1033.  
  1034.   function extractUsername() {
  1035.     const pathParts = window.location.pathname.split('/').filter(part => part);
  1036.     
  1037.     if (pathParts.length > 0) {
  1038.       return pathParts[0];
  1039.     }
  1040.     
  1041.     return null;
  1042.   }
  1043.   
  1044.   function insertDownloadIcon() {
  1045.     const usernameDivs = document.querySelectorAll('[data-testid="UserName"]')
  1046.   
  1047.     usernameDivs.forEach((usernameDiv) => {
  1048.       if (!usernameDiv.querySelector(".download-icon")) {
  1049.         const username = extractUsername()
  1050.         if (!username) return
  1051.         const verifiedButton = usernameDiv
  1052.           .querySelector('[aria-label*="verified"], [aria-label*="Verified"]')
  1053.           ?.closest("button")
  1054.  
  1055.         const targetElement = verifiedButton
  1056.           ? verifiedButton.parentElement
  1057.           : usernameDiv.querySelector(".css-1jxf684")?.closest("span")
  1058.  
  1059.         if (targetElement) {
  1060.           const iconDiv = document.createElement("div")
  1061.           iconDiv.className = "download-icon css-175oi2r r-1awozwy r-xoduu5"
  1062.           iconDiv.style.cssText = `
  1063.           display: inline-flex;
  1064.           align-items: center;
  1065.           margin-left: 6px;
  1066.           margin-right: 6px;
  1067.           gap: 6px;
  1068.           padding: 0 3px;
  1069.           transition: transform 0.2s, color 0.2s;
  1070.         `
  1071.           iconDiv.appendChild(downloadIcon.cloneNode(true))
  1072.  
  1073.           iconDiv.addEventListener("mouseenter", () => {
  1074.             iconDiv.style.transform = "scale(1.1)"
  1075.             iconDiv.style.color = "#1DA1F2"
  1076.           })
  1077.  
  1078.           iconDiv.addEventListener("mouseleave", () => {
  1079.             iconDiv.style.transform = "scale(1)"
  1080.             iconDiv.style.color = ""
  1081.           })
  1082.  
  1083.           iconDiv.addEventListener("click", (e) => {
  1084.             e.stopPropagation()
  1085.             createCustomMenu(username)
  1086.           })    
  1087.  
  1088.           const wrapperDiv = document.createElement("div")
  1089.           wrapperDiv.style.cssText = `
  1090.           display: inline-flex;
  1091.           align-items: center;
  1092.           gap: 4px;
  1093.         `
  1094.           wrapperDiv.appendChild(iconDiv)
  1095.           targetElement.parentNode.insertBefore(wrapperDiv, targetElement.nextSibling)
  1096.         }
  1097.       }
  1098.     })
  1099.   }
  1100.  
  1101.   function resetState() {
  1102.     imageCounter = null
  1103.     if (controlPanel?.panel) {
  1104.       controlPanel.panel.remove()
  1105.       controlPanel = null
  1106.     }
  1107.   }
  1108.  
  1109.   insertDownloadIcon()
  1110.  
  1111.   let lastUrl = location.href
  1112.   new MutationObserver(() => {
  1113.     const url = location.href
  1114.     if (url !== lastUrl) {
  1115.       lastUrl = url
  1116.       resetState()
  1117.       setTimeout(insertDownloadIcon, 1000)
  1118.     } else {
  1119.       insertDownloadIcon()
  1120.     }
  1121.   }).observe(document.body, {
  1122.     childList: true,
  1123.     subtree: true,
  1124.   })
  1125. })()

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址