一键下载 X/Twitter 的图片、视频和 GIF，默认设置下以用户 ID 和帖子 ID 保存。您可以自定义下载文件的文件名。在 iPhone/Android 上，通过使用 ZIP 文件，您还可以一键下载附加的媒体。下载历史记录与书签同步。此外，可以选择利用 X/Twitter 的书签功能来实现在线同步下载历史记录。
// ==UserScript== // @name X/Twitter メディア一括ダウンローダー（iPhone/Android 対応) // @name:en One-Click X/Twitter Media Downloader (Android/iPhone support) // @name:zh-CN X/Twitter 媒体批量下载器 (支持 iPhone/Android) // @name:zh-TW X/Twitter 媒體批量下載器 (支援 iPhone/Android) // @version 1.4.2 // @description X/Twitterの画像や動画、GIFをワンクリックでダウンロードして、デフォルトの設定ではユーザーIDとポストIDで保存します。ダウンロードされるファイルの名前は任意に変更できます。iPhone/Androidでもzipを利用することで添付されたメディアをワンクリックでダウンロードすることができます。また、ダウンロード履歴をブックマークと同期します。さらに、オプションでX/Twitterのブックマーク機能を利用することでダウンロード履歴のオンライン同期が可能です。 // @description:en Download images, videos, and GIFs from X/Twitter with one click, and save them with user ID and post ID in default settings. You can customize the filenames of downloaded files. On Android/iPhone, all attached media can be downloaded at once via a ZIP archive. Download history is synced with bookmarks. Additionally, you can optionally synchronize your download history online using the X/Twitter bookmark feature. // @description:zh-CN 一键下载 X/Twitter 的图片、视频和 GIF，默认设置下以用户 ID 和帖子 ID 保存。您可以自定义下载文件的文件名。在 iPhone/Android 上，通过使用 ZIP 文件，您还可以一键下载附加的媒体。下载历史记录与书签同步。此外，可以选择利用 X/Twitter 的书签功能来实现在线同步下载历史记录。 // @description:zh-TW 一鍵下載 X/Twitter 的圖片、影片和 GIF，預設設定下以使用者 ID 和貼文 ID 儲存。您可以自訂檔案的檔案名稱。在 iPhone/Android 上，透過使用 ZIP 檔案，您還可以一鍵下載附加的媒體。下載歷史記錄與書籤同步。此外，可以選擇利用 X/Twitter 的書籤功能來實現在線同步下載歷史記錄。 // @require https://cdn.jsdelivr.net/npm/[email protected]/umd/index.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/dayjs.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/plugin/utc.js // @author Azuki // @license MIT // @match https://twitter.com/* // @match https://x.com/* // @icon https://www.google.com/s2/favicons?sz=64&domain=twitter.com // @connect raw.githubusercontent.com // @connect twitter.com // @connect x.com // @connect pbs.twimg.com // @connect video.twimg.com // @grant GM_xmlhttpRequest // @namespace https://gf.qytechs.cn/users/1441951 // ==/UserScript== /*jshint esversion: 11 */ dayjs.extend(dayjs_plugin_utc); (function () { "use strict"; // === User Settings === /** /** * Set whether to enable the online synchronization of download history using bookmarks. * * false (default): Disables online synchronization for download history. Download history is managed locally per browser. * true: Change this to true to enable online synchronization. Performing a download will add the tweet to your bookmarks, and already bookmarked tweets will be skipped. The history will be synchronized across devices via bookmarks. */ const enableDownloadHistorykSync = false; // Change this to true to enable online synchronization for download history. // === Filename generation function (User-editable) === /** * Function to generate filenames. * You can customize the filename format by editing formattedPostTime and the return line as needed. * * Caution: Please avoid using invalid characters in filenames. * * Default filename format: userId_postId-mediaTypeSequentialNumber.extension * * Elements available for filenames (filenameElements): * - userName: Username * - userId: User ID * - postId: Post ID * - postTime: Post time (ISO 8601 format). You can change the default format YYYYMMDD_HHmmss. See dayjs documentation (https://day.js.org/docs/en/display/format) for details. * - mediaTypeLabel: Media type (img, video, gif) * - index: Sequential number (for multiple media) */ const generateFilename = (filenameElements, mediaTypeLabel, index, ext) => { const { userId, userName, postId, postTime } = filenameElements; const formattedPostTime = dayjs(postTime).format('YYYYMMDD_HHmmss'); // Edit this line return `${userId}-${postId}-${mediaTypeLabel}${index}.${ext}`; // Edit this line }; const gmFetch = (infoOrUrl, options = {}) => new Promise((resolve, reject) => { const info = typeof infoOrUrl === 'string' ? { url: infoOrUrl } : { ...infoOrUrl }; info.method = options.method || info.method || 'GET'; info.headers = options.headers || info.headers || {}; if (options.body) info.data = options.body; info.responseType = options.responseType; info.onload = res => { resolve({ ok: res.status >= 200 && res.status < 300, status: res.status, response: res.response, json: () => Promise.resolve(res.response), text: () => Promise.resolve( typeof res.response === 'string' ? res.response : JSON.stringify(res.response) ), blob: () => Promise.resolve(new Blob([res.response])) }); }; info.onerror = (error) => { console.error("GM_xmlhttpRequest error:", error); reject(new Error(`GM_xmlhttpRequest failed: status=${error.status}, statusText=${error.statusText || 'N/A'}`)); }; info.onabort = () => reject(new Error('GM_xmlhttpRequest aborted')); info.ontimeout = () => reject(new Error('GM_xmlhttpRequest timed out')); GM_xmlhttpRequest(info); }); const API_INFO_STORAGE_KEY = 'twitterInternalApiInfo'; const LAST_UPDATE_DATE_STORAGE_KEY = 'twitterApiInfoLastUpdateDate'; const API_DOC_URL = 'https://raw.githubusercontent.com/fa0311/TwitterInternalAPIDocument/refs/heads/master/docs/json/API.json'; let currentApiInfo = null; const loadApiInfoFromLocalStorage = () => { const savedApiInfoJson = localStorage.getItem(API_INFO_STORAGE_KEY); if (savedApiInfoJson) { try { const savedInfo = JSON.parse(savedApiInfoJson); return savedInfo; } catch (e) { localStorage.removeItem(API_INFO_STORAGE_KEY); } } return null; }; const fetchAndSaveApiInfo = async (currentDateString) => { try { const response = await gmFetch(API_DOC_URL, { method: "GET", responseType: "json" }); if (response.ok) { const apiDoc = response.response; const tweetResultByRestIdInfo = apiDoc.graphql?.TweetResultByRestId; const bookmarkSearchTimelineInfo = apiDoc.graphql?.BookmarkSearchTimeline; const bearerTokenFromDoc = apiDoc.header?.authorization; if (tweetResultByRestIdInfo?.url && tweetResultByRestIdInfo?.features && bookmarkSearchTimelineInfo?.url && bookmarkSearchTimelineInfo?.features && bearerTokenFromDoc) { const extractedApiInfo = { TweetResultByRestId: tweetResultByRestIdInfo, BookmarkSearchTimeline: bookmarkSearchTimelineInfo, bearerToken: bearerTokenFromDoc }; currentApiInfo = extractedApiInfo; localStorage.setItem(API_INFO_STORAGE_KEY, JSON.stringify(currentApiInfo)); localStorage.setItem(LAST_UPDATE_DATE_STORAGE_KEY, currentDateString); } else { const savedInfoBeforeFetch = loadApiInfoFromLocalStorage(); if(savedInfoBeforeFetch) currentApiInfo = savedInfoBeforeFetch; } } else { const savedInfoBeforeFetch = loadApiInfoFromLocalStorage(); if(savedInfoBeforeFetch) currentApiInfo = savedInfoBeforeFetch; } } catch (error) { const savedInfoBeforeFetch = loadApiInfoFromLocalStorage(); if(savedInfoBeforeFetch) currentApiInfo = savedInfoBeforeFetch; } }; const initializeApiInfo = () => { const lastUpdateDate = localStorage.getItem(LAST_UPDATE_DATE_STORAGE_KEY); const today = dayjs().format('YYYY-MM-DD'); const savedApiInfo = loadApiInfoFromLocalStorage(); if (lastUpdateDate !== today || !savedApiInfo) { if(savedApiInfo){ currentApiInfo = savedApiInfo; } else {} fetchAndSaveApiInfo(today); } else { currentApiInfo = savedApiInfo; } }; initializeApiInfo(); const DB_NAME = 'DownloadHistoryDB'; const DB_VERSION = 1; const STORE_NAME = 'downloadedPosts'; let dbPromise = null; let downloadedPostsCache = new Set(); const openDB = () => { if (dbPromise) return dbPromise; dbPromise = new Promise((resolve, reject) => { const request = indexedDB.open(DB_NAME, DB_VERSION); request.onupgradeneeded = function(event) { const db = request.result; if (!db.objectStoreNames.contains(STORE_NAME)) { db.createObjectStore(STORE_NAME, { keyPath: 'postId' }); } }; request.onsuccess = function() { resolve(request.result); }; request.onerror = function() { reject(request.error); }; }); return dbPromise; }; const loadDownloadedPostsCache = () => { getDownloadedPostIdsIndexedDB() .then(ids => { downloadedPostsCache = new Set(ids); }) .catch(err => console.error("IndexedDB 読み込みエラー:", err)); }; const getDownloadedPostIdsIndexedDB = () => { return openDB().then(db => { return new Promise((resolve, reject) => { const transaction = db.transaction(STORE_NAME, 'readonly'); const store = transaction.objectStore(STORE_NAME); const request = store.getAllKeys(); request.onsuccess = function() { resolve(request.result); }; request.onerror = function() { reject(request.error); }; }); }); }; const markPostAsDownloadedIndexedDB = (postId) => { return openDB().then(db => { return new Promise((resolve, reject) => { const transaction = db.transaction(STORE_NAME, 'readwrite'); const store = transaction.objectStore(STORE_NAME); const request = store.put({ postId: postId }); request.onsuccess = function() { downloadedPostsCache.add(postId); resolve(); }; request.onerror = function() { reject(request.error); }; }); }); }; loadDownloadedPostsCache(); const isMobile = /android|iphone|ipad|mobile/.test(navigator.userAgent.toLowerCase()); const isAppleMobile = /iphone|ipad/.test(navigator.userAgent.toLowerCase()); const userAgent = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36'; const createApiHeaders = () => { if (!currentApiInfo?.bearerToken) { return null; } return { 'authorization': `${currentApiInfo.bearerToken}`, 'x-csrf-token': getCookie('ct0'), 'x-guest-token': getCookie('gt') || '', 'x-twitter-client-language': getCookie('lang') || 'en', 'x-twitter-active-user': 'yes', 'x-twitter-auth-type': 'OAuth2Session', 'content-type': 'application/json' }; }; const getCurrentLanguage = () => document.documentElement.lang || 'en'; const getMainTweetUrl = (cell) => { let timeEl = cell.querySelector('article[data-testid="tweet"] a[href*="/status/"][role="link"] time'); if (timeEl && timeEl.parentElement) return timeEl.parentElement.href; return cell.querySelector('article[data-testid="tweet"] a[href*="/status/"]')?.href || ""; }; const getCookie = (name) => { const cookies = Object.fromEntries(document.cookie.split(';').filter(n => n.includes('=')).map(n => n.split('=').map(decodeURIComponent).map(s => s.trim()))); return name ? cookies[name] : cookies; }; const getMediaInfoFromUrl = (url) => { if (url.includes('pbs.twimg.com/media/')) { const extMatch = url.match(/format=([a-zA-Z0-9]+)/); const ext = extMatch ? extMatch[1] : 'jpg'; return { ext: ext, typeLabel: 'img' }; } else if (url.includes('video.twimg.com/ext_tw_video/') || url.includes('video.twimg.com/tweet_video/') || url.includes('video.twimg.com/amplify_video/')) { let ext = 'mp4'; if (!url.includes('pbs.twimg.com/tweet_video/')) { const pathMatch = url.split('?')[0].match(/\.([a-zA-Z0-9]+)$/); if (pathMatch) ext = pathMatch[1]; } const typeLabel = url.includes('tweet_video') ? 'gif' : 'video'; return { ext: ext, typeLabel: typeLabel }; } return { ext: 'jpg', typeLabel: 'img' }; }; const fetchTweetDetailWithGraphQL = async (postId) => { if (!currentApiInfo?.TweetResultByRestId?.url || !currentApiInfo?.TweetResultByRestId?.features) { throw new Error('Tweet detail API info not available.'); } const apiUrl = currentApiInfo.TweetResultByRestId.url; const features = currentApiInfo.TweetResultByRestId.features; const fieldToggles = { "withArticleRichContentState": true, "withArticlePlainText": false, "withGrokAnalyze": false, "withDisallowedReplyControls": false }; const variables = { "tweetId": postId, "withCommunity": false, "includePromotedContent": false, "withVoice": false }; const headers = createApiHeaders(); if (!headers) { throw new Error('API headers not available.'); } const url = encodeURI(`${apiUrl}?variables=${JSON.stringify(variables)}&features=${JSON.stringify(features)}&fieldToggles=${JSON.stringify(fieldToggles)}`); const res = await gmFetch(url, { headers, responseType: 'json' }); if (!res.ok) throw new Error(`TweetDetail failed: ${res.status}`); return res.json(); }; const fetchBookmarkSearchTimeline = async (userId, postTime) => { if (!currentApiInfo?.BookmarkSearchTimeline?.url || !currentApiInfo?.BookmarkSearchTimeline?.features) { return null; } const apiUrl = currentApiInfo.BookmarkSearchTimeline.url; const features = currentApiInfo.BookmarkSearchTimeline.features; const headers = createApiHeaders(); if (!headers) { return null; } const formattedSinceTime = dayjs(postTime).utc().format('YYYY-MM-DD_HH:mm:ss_UTC'); const formattedUntilTime = dayjs(postTime).utc().add(1, 'second').format('YYYY-MM-DD_HH:mm:ss_UTC'); const rawQuery = `from:${userId} since:${formattedSinceTime} until:${formattedUntilTime}`; const variables = { "rawQuery": rawQuery, "count":20}; const url = encodeURI(`${apiUrl}?variables=${JSON.stringify(variables)}&features=${JSON.stringify(features)}`); return gmFetch(url, { headers, responseType: 'json' }).then(res => res.json()); }; const twdlcss = ` span[id^="ezoic-pub-ad-placeholder-"], .ez-sidebar-wall, span[data-ez-ph-id], .ez-sidebar-wall-ad, .ez-sidebar-wall {display:none !important} .tmd-down {margin-left: 2px !important; order: 99; justify-content: inherit; display: inline-grid; transform: rotate(0deg) scale(1) translate3d(0px, 0px, 0px);} .tmd-down:hover > div > div > div > div {color: rgba(29, 161, 242, 1.0);} .tmd-down:hover > div > div > div > div > div {background-color: rgba(29, 161, 242, 0.1);} .tmd-down:active > div > div > div > div > div {background-color: rgba(29, 161, 242, 0.2);} .tmd-down:hover svg {color: rgba(29, 161, 242, 1.0);} .tmd-down:hover div:first-child:not(:last-child) {background-color: rgba(29, 161, 242, 0.1);} .tmd-down:active div:first-child:not(:last-child) {background-color: rgba(29, 161, 242, 0.2);} .tmd-down g {display: none;} .tmd-down.download g.download, .tmd-down.loading g.loading, .tmd-down.failed g.failed, .tmd-down.completed g.completed {display: unset;} .tmd-down.loading svg g.loading {animation: spin 1s linear infinite !important; transform-box: fill-box; transform-origin: center;} @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} .tweet-detail-action-item {width: 20% !important;} `; const newStyle = document.createElement('style'); newStyle.id = 'twdlcss'; newStyle.innerHTML = twdlcss; document.head.parentNode.insertBefore(newStyle, document.head); const getNoImageMessage = () => { const lang = getCurrentLanguage(); return lang === 'ja' ? "このツイートには画像または動画がありません！" : "There is no image or video in this tweet!"; }; const getAlreadyBookmarkedMessage = () => { const lang = getCurrentLanguage(); if (lang === 'ja') { return window.confirm( 'この投稿は既にダウンロードされています。\nダウンロードを続行しますか？' ); } else { return window.confirm( 'This post is already downloaded.\nDo you want to continue downloading?' ); } }; const status = (btn, css) => { btn.classList.remove('download', 'loading', 'failed', 'completed'); if (css) btn.classList.add(css); }; const getValidMediaElements = (cell) => { let validImages = [], validVideos = [], validGifs = []; validImages = Array.from(cell.querySelectorAll("img[src^='https://pbs.twimg.com/media/']")) .filter(img => ( !img.closest("div[tabindex='0'][role='link']") && !img.closest("div[data-testid='previewInterstitial']") )); const videoCandidates_videoTag = Array.from(cell.querySelectorAll("video")); videoCandidates_videoTag.forEach(video => { if (video.closest("div[tabindex='0'][role='link']")) return; if (!video.closest("div[data-testid='videoPlayer']")) return; if (video.src?.startsWith("https://video.twimg.com/tweet_video")) { validGifs.push(video); } else if (video.poster?.includes("/ext_tw_video_thumb/") || video.poster?.includes("/amplify_tw_video_thumb/") || video.poster?.includes("/amplify_video_thumb/") || video.poster?.includes("/media/")) { validVideos.push(video); } }); const videoCandidates_imgTag = Array.from(cell.querySelectorAll("img[src]")); videoCandidates_imgTag.forEach(img => { if (img.closest("div[tabindex='0'][role='link']")) return; if (!img.closest("div[data-testid='previewInterstitial']")) return; if (img.src.startsWith("https://pbs.twimg.com/tweet_video_thumb/")) { validGifs.push(img); } else if (img.src.includes("/ext_tw_video_thumb/") ||img.src.includes("/amplify_tw_video_thumb/") || img.src.includes("/amplify_video_thumb/") || img.src.includes("/media/")) { validVideos.push(img); } }); return { images: validImages, videos: validVideos, gifs: validGifs }; }; const getTweetFilenameElements = (url, cell) => { const match = url.match(/^https?:\/\/(?:twitter\.com|x\.com)\/([^\/]+)\/status\/(\d+)/); if (!match) return null; const userNameContainer = cell.querySelector("div[data-testid='User-Name'] div[dir='ltr'] span"); const postTimeElement = cell.querySelector("article[data-testid='tweet'] a[href*='/status/'][role='link'] time"); let userName = 'unknown'; if (userNameContainer) { userName = ''; userNameContainer.querySelectorAll('*').forEach(el => { userName += el.nodeName === 'IMG' ? el.alt : (el.nodeName === 'SPAN' ? el.textContent : ''); }); userName = userName.trim(); } return { userId: match[1], userName: userName || 'unknown', postId: match[2], postTime: postTimeElement?.getAttribute('datetime') || 'unknown' }; }; const getMediaURLs = async (cell, filenameElements) => { const mediaElems = getValidMediaElements(cell); const imageURLs = mediaElems.images.map(img => img.src.includes("name=") ? img.src.replace(/name=.*/ig, 'name=4096x4096') : img.src); let gifURLs = mediaElems.gifs.map(gif => gif.src); let videoURLs = []; gifURLs = gifURLs.map(gifURL => { if (gifURL.startsWith("https://pbs.twimg.com/tweet_video_thumb/")) { const gifIdBaseUrl = gifURL.split('?')[0]; const gifId = gifIdBaseUrl.split('/').pop(); return `https://video.twimg.com/tweet_video/${gifId}.mp4`; } return gifURL; }); if (mediaElems.videos.length > 0) { const tweet_res = await fetchTweetDetailWithGraphQL(filenameElements.postId); if (!tweet_res.data) return { imageURLs: [], gifURLs: [], videoURLs: [] }; const tweet_result = tweet_res.data.tweetResult.result; const tweet_obj = tweet_result.tweet || tweet_result; tweet_obj.extended_entities = tweet_obj.extended_entities || tweet_obj.legacy?.extended_entities; const extEntities = tweet_obj.extended_entities; if (extEntities?.media) { videoURLs = extEntities.media .filter(media => media.type === 'video' && media.video_info?.variants) .map(media => media.video_info.variants.filter(variant => variant.content_type === 'video/mp4').reduce((prev, current) => (prev.bitrate > current.bitrate) ? prev : current, media.video_info.variants[0])?.url) .filter(url => url); } else if (tweet_obj.card?.legacy?.binding_values) { const unifiedCardBinding = tweet_obj.card.legacy.binding_values.find(bv => bv.key === 'unified_card'); if (unifiedCardBinding?.value?.string_value) { try { const unifiedCard = JSON.parse(unifiedCardBinding.value.string_value); if (unifiedCard.media_entities) { videoURLs = Object.values(unifiedCard.media_entities) .filter(media => media.type === 'video' && media.video_info?.variants) .map(media => media.video_info.variants.filter(variant => variant.content_type === 'video/mp4').reduce((prev, current) => (prev.bitrate > current.bitrate) ? prev : current, media.video_info.variants[0])?.url) .filter(url => url); } } catch (e) { console.error("Error parsing unified_card JSON:", e); } } } } return { imageURLs: imageURLs, gifURLs: gifURLs, videoURLs: videoURLs }; }; const checkBookmarkStatus = async (userId, postId, postTime) => { if (!enableDownloadHistorykSync) { return false; } try { const bookmarkData = await fetchBookmarkSearchTimeline(userId, postTime); if (!bookmarkData.data) return false; const instructions = bookmarkData.data.search_by_raw_query.bookmarks_search_timeline.timeline.instructions; if (!instructions) return false; for (const instruction of instructions) { if (instruction.type === 'TimelineAddEntries' && instruction.entries) { for (const entry of instruction.entries) { if (entry.entryId && entry.entryId === `tweet-${postId}`) { return true; } } } } return false; } catch (error) { console.error("ブックマーク状態の確認に失敗:", error); return false; } }; const clickBookmarkButton = (cell) => { if (!enableDownloadHistorykSync) { return; } const btn_group = cell.querySelector('div[role="group"]:last-of-type, ul.tweet-actions, ul.tweet-detail-actions'); if (btn_group) { const bookmarkButton = btn_group.querySelector('button[data-testid="bookmark"]'); if (bookmarkButton) { bookmarkButton.click(); } } }; const waitForBookmarkStateChange = (cell) => { return new Promise(resolve => { if (!enableDownloadHistorykSync && !isAppleMobile) { resolve(); return; } const btn_group = cell.querySelector('div[role="group"]:last-of-type, ul.tweet-actions, ul.tweet-detail-actions'); const bookmarkButton = btn_group ? btn_group.querySelector('button[data-testid="bookmark"]') : null; if (!bookmarkButton) { resolve(); return; } const observer = new MutationObserver(mutations => { for (const mutation of mutations) { if (mutation.type === 'attributes' && mutation.attributeName === 'data-testid') { if (bookmarkButton.dataset.testid === 'removeBookmark') { observer.disconnect(); setTimeout(() => resolve(), 500); } } } }); observer.observe(document.body, { childList: true, subtree: true, attributes: true }); }); }; const downloadZipArchive = async (blobs, filenameElements, mediaURLs, cell, bookmarkPromise) => { const files = {}; const filenames = blobs.map((_, index) => { const mediaInfo = getMediaInfoFromUrl(mediaURLs[index]); const ext = mediaInfo.ext; const typeLabel = mediaInfo.typeLabel; return generateFilename(filenameElements, typeLabel, index + 1, ext); }); const uint8Arrays = await Promise.all(blobs.map(blob => blobToUint8Array(blob))); uint8Arrays.forEach((uint8Array, index) => { files[filenames[index]] = uint8Array; }); const zipData = await new Promise((resolve, reject) => { fflate.zip(files, { level: 0 }, (err, zipData) => { if (err) { console.error("ZIP archive creation failed:", err); alert("ZIPファイルの作成に失敗しました。"); reject(err); } else { resolve(zipData); } }); }); const zipBlob = new Blob([zipData], { type: 'application/zip' }); const zipDataUrl = URL.createObjectURL(zipBlob); const a = document.createElement("a"); const zipFilename = generateFilename(filenameElements, 'medias', '', 'zip'); a.download = zipFilename; a.href = zipDataUrl; if (enableDownloadHistorykSync && isAppleMobile) { clickBookmarkButton(cell); await bookmarkPromise; } document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(zipDataUrl); }; const downloadBlobAsFile = async (blob, filename, cell, bookmarkPromise) => { const dataUrl = URL.createObjectURL(blob); const a = document.createElement("a"); a.download = filename; a.href = dataUrl; if (enableDownloadHistorykSync && isAppleMobile) { clickBookmarkButton(cell); await bookmarkPromise; } document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(dataUrl); }; const blobToUint8Array = async (blob) => { const arrayBuffer = await blob.arrayBuffer(); let pureArrayBuffer; try { pureArrayBuffer = structuredClone(arrayBuffer); console.log("structuredClone による複製に成功"); } catch (e) { console.warn("structuredClone に失敗、元の ArrayBuffer を使用します:", e); pureArrayBuffer = arrayBuffer; } return new Uint8Array(pureArrayBuffer); }; const downloadMediaWithFetchStream = async (mediaSrcURL) => { const headers = { 'User-Agent': userAgent }; try { const res = await gmFetch(mediaSrcURL, { headers, responseType: 'blob' }); if (!res.ok) throw new Error(`HTTP error! status: ${res.status}`); return await res.blob(); } catch (error) { return null; } }; const downloadMedia = async (imageURLs, gifURLs, videoURLs, filenameElements, btn_down, allMediaURLs, cell, bookmarkPromise) => { const mediaCount = imageURLs.length + gifURLs.length + videoURLs.length; if (mediaCount === 1) { let mediaURL; if (imageURLs.length === 1) mediaURL = imageURLs[0]; else if (gifURLs.length === 1) mediaURL = gifURLs[0]; else mediaURL = videoURLs[0]; const blob = await downloadMediaWithFetchStream(mediaURL); if (blob) { const mediaInfo = getMediaInfoFromUrl(mediaURL); const ext = mediaInfo.ext; const typeLabel = mediaInfo.typeLabel; const filename = generateFilename(filenameElements, typeLabel, 1, ext); await downloadBlobAsFile(blob, filename, cell, bookmarkPromise); markPostAsDownloadedIndexedDB(filenameElements.postId); setTimeout(() => { status(btn_down, 'completed'); if (enableDownloadHistorykSync && !isAppleMobile) clickBookmarkButton(cell); }, 300); } else { status(btn_down, 'failed'); setTimeout(() => status(btn_down, 'download'), 3000); } } else if (mediaCount > 1) { const downloadPromises = [...imageURLs, ...gifURLs, ...videoURLs].map(url => downloadMediaWithFetchStream(url)); const blobs = (await Promise.all(downloadPromises)).filter(blob => blob); if (blobs.length === mediaCount) { if (isMobile) { await downloadZipArchive(blobs, filenameElements, allMediaURLs, cell, bookmarkPromise); } else { for (const [index, blob] of blobs.entries()) { const mediaURL = allMediaURLs[index]; const mediaInfo = getMediaInfoFromUrl(mediaURL); const ext = mediaInfo.ext; const typeLabel = mediaInfo.typeLabel; const filename = generateFilename(filenameElements, typeLabel, index + 1, ext); await downloadBlobAsFile(blob, filename, cell, bookmarkPromise); } } markPostAsDownloadedIndexedDB(filenameElements.postId); setTimeout(() => { status(btn_down, 'completed'); if (enableDownloadHistorykSync && !isAppleMobile) clickBookmarkButton(cell); }, 300); } else { status(btn_down, 'failed'); setTimeout(() => status(btn_down, 'download'), 3000); } } }; const createDownloadButton = async (cell) => { let btn_group = cell.querySelector('div[role="group"]:last-of-type, ul.tweet-actions, ul.tweet-detail-actions'); if (!btn_group) return; let btn_share = Array.from(btn_group.querySelectorAll(':scope>div>div, li.tweet-action-item>a, li.tweet-detail-action-item>a')).pop().parentNode; if (!btn_share) return; let btn_bookmark = btn_share.previousElementSibling; let isBookmarked = false; if (enableDownloadHistorykSync) { if (btn_bookmark) { const bookmarkButtonTestId = btn_bookmark.querySelector('button[data-testid="bookmark"], button[data-testid="removeBookmark"]')?.dataset.testid; isBookmarked = bookmarkButtonTestId === 'removeBookmark'; } } let btn_down = btn_share.cloneNode(true); btn_down.classList.add('tmd-down', 'download'); const btnElem = btn_down.querySelector('button'); if (btnElem) btnElem.removeAttribute('disabled'); const lang = getCurrentLanguage(); if (btn_down.querySelector('button')) btn_down.querySelector('button').title = lang === 'ja' ? '画像と動画をダウンロード' : 'Download images and videos'; btn_down.querySelector('svg').innerHTML = ` <g class="download"><path d="M12 16 17.7 10.3 16.29 8.88 13 12.18 V2.59 h-2 v9.59 L7.7 8.88 6.29 10.3 Z M21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z" fill="currentColor" stroke="currentColor" stroke-width="0.20" stroke-linecap="round" /></g> <g class="loading"><circle cx="12" cy="12" r="10" fill="none" stroke="#1DA1F2" stroke-width="4" opacity="0.4" /><path d="M12,2 a10,10 0 0 1 10,10" fill="none" stroke="#1DA1F2" stroke-width="4" stroke-linecap="round" /></g> <g class="failed"><circle cx="12" cy="12" r="11" fill="#f33" stroke="currentColor" stroke-width="2" opacity="0.8" /><path d="M14,5 a1,1 0 0 0 -4,0 l0.5,9.5 a1.5,1.5 0 0 0 3,0 z M12,17 a2,2 0 0 0 0,4 a2,2 0 0 0 0,-4" fill="#fff" stroke="none" /></g> <g class="completed"><path d="M21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z M 7 10 l 3 4 q 1 1 2 0 l 8 -11 l -1.65 -1.2 l -7.35 10.1063 l -2.355 -3.14" fill="rgba(29, 161, 242, 1)" stroke="#1DA1F2" stroke-width="0.20" stroke-linecap="round" /></g> `; const filenameElements = getTweetFilenameElements(getMainTweetUrl(cell), cell); if (filenameElements) { if (downloadedPostsCache.has(filenameElements.postId)) { status(btn_down, 'completed'); } else if (enableDownloadHistorykSync && isBookmarked) { status(btn_down, 'completed'); markPostAsDownloadedIndexedDB(filenameElements.postId); } } btn_down.onclick = async () => { if (btn_down.classList.contains('loading')) return; let buttonStateBeforeClick = ''; if (btn_down.classList.contains('completed')) { buttonStateBeforeClick = 'completed'; } else { buttonStateBeforeClick = 'download'; } status(btn_down, 'loading'); const mainTweetUrl = getMainTweetUrl(cell); const filenameElements = getTweetFilenameElements(mainTweetUrl, cell); if (!filenameElements) { alert("ツイート情報を取得できませんでした。"); status(btn_down, 'download'); return; } if (enableDownloadHistorykSync && buttonStateBeforeClick !== 'completed') { const isAlreadyBookmarked = await checkBookmarkStatus(filenameElements.userId, filenameElements.postId, filenameElements.postTime); if (isAlreadyBookmarked) { const shouldProceed = getAlreadyBookmarkedMessage(); if (!shouldProceed) { status(btn_down, 'completed'); markPostAsDownloadedIndexedDB(filenameElements.postId); return; } } } const bookmarkPromise = waitForBookmarkStateChange(cell); const mediaData = await getMediaURLs(cell, filenameElements); const imageURLs = mediaData.imageURLs; const gifURLs = mediaData.gifURLs; const videoURLs = mediaData.videoURLs; const mediaCount = imageURLs.length + gifURLs.length + videoURLs.length; const mediaUrls = [...imageURLs, ...gifURLs, ...videoURLs]; if (mediaCount === 0) { alert(getNoImageMessage()); status(btn_down, 'download'); return; } downloadMedia(imageURLs, gifURLs, videoURLs, filenameElements, btn_down, mediaUrls, cell, bookmarkPromise); }; if (btn_group) btn_group.insertBefore(btn_down, btn_share.nextSibling); }; const processArticles = () => { const cells = document.querySelectorAll('[data-testid="cellInnerDiv"]'); cells.forEach(cell => { const mainTweet = cell.querySelector('article[data-testid="tweet"]'); if (!mainTweet) return; const tweetUrl = getMainTweetUrl(cell); if (!getTweetFilenameElements(tweetUrl, cell)) return; const mediaElems = getValidMediaElements(cell); const mediaCount = mediaElems.images.length + mediaElems.videos.length + mediaElems.gifs.length; if (!cell.querySelector('.tmd-down') && mediaCount > 0) createDownloadButton(cell); }); }; const observer = new MutationObserver(processArticles); observer.observe(document.body, { childList: true, subtree: true }); window.addEventListener('load', processArticles); window.addEventListener('popstate', processArticles); window.addEventListener('hashchange', processArticles); })();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址
