☰

Twitter 媒體下載

一鍵保存視頻/圖片

  1. // ==UserScript==
  2. // @name        Twitter/X Media Downloader
  3. // @name:ja     Twitter/X Media Downloader
  4. // @name:zh-cn  Twitter 媒体下载
  5. // @name:zh-tw  Twitter 媒體下載
  6. // @description    Save Video/Photo by One-Click.
  7. // @description:ja ワンクリックで動画・画像を保存する。
  8. // @description:zh-cn 一键保存视频/图片
  9. // @description:zh-tw 一鍵保存視頻/圖片
  10. // @version     2.1
  11. // @author      AMANE
  12. // @namespace   none
  13. // @match       https://twitter.com/*
  14. // @match       https://x.com/*
  15. // @match       https://mobile.twitter.com/*
  16. // @grant       GM_registerMenuCommand
  17. // @grant       GM_setValue
  18. // @grant       GM_getValue
  19. // @grant       GM_download
  20. // @compatible  Chrome
  21. // @compatible  Firefox
  22. // @license     MIT
  23. // ==/UserScript==
  24. /* jshint esversion: 8 */
  25.  
  26. const filename = 'twitter_{user-name}(@{user-id})_{date-time}_{status-id}_{file-type}';
  27.  
  28. const TMD = (function () {
  29.   let lang, host, history, show_sensitive, is_tweetdeck;
  30.   return {
  31.     init: async function () {
  32.       GM_registerMenuCommand((this.language[navigator.language] || this.language.en).settings, this.settings);
  33.       lang = this.language[document.querySelector('html').lang] || this.language.en;
  34.       host = location.hostname;
  35.       is_tweetdeck = host.indexOf('tweetdeck') >= 0;
  36.       history = this.storage_obsolete();
  37.       if (history.length) {
  38.         this.storage(history);
  39.         this.storage_obsolete(true);
  40.       } else history = await this.storage();
  41.       show_sensitive = GM_getValue('show_sensitive', false);
  42.       document.head.insertAdjacentHTML('beforeend', '<style>' + this.css + (show_sensitive ? this.css_ss : '') + '</style>');
  43.       let observer = new MutationObserver(ms => ms.forEach(m => m.addedNodes.forEach(node => this.detect(node))));
  44.       observer.observe(document.body, {childList: true, subtree: true});
  45.     },
  46.     detect: function(node) {
  47.       let article = node.tagName == 'ARTICLE' && node || node.tagName == 'DIV' && (node.querySelector('article') || node.closest('article'));
  48.       if (article) this.addButtonTo(article);
  49.       let listitems = node.tagName == 'LI' && node.getAttribute('role') == 'listitem' && [node] || node.tagName == 'DIV' && node.querySelectorAll('li[role="listitem"]');
  50.       if (listitems) this.addButtonToMedia(listitems);
  51.     },
  52.     addButtonTo: function (article) {
  53.       if (article.dataset.detected) return;
  54.       article.dataset.detected = 'true';
  55.       let media_selector = [
  56.         'a[href*="/photo/1"]',
  57.         'div[role="progressbar"]',
  58.         'button[data-testid="playButton"]',
  59.         'a[href="/settings/content_you_see"]', //hidden content
  60.         'div.media-image-container', // for tweetdeck
  61.         'div.media-preview-container', // for tweetdeck
  62.         'div[aria-labelledby]>div:first-child>div[role="button"][tabindex="0"]' //for audio (experimental)
  63.       ];
  64.       let media = article.querySelector(media_selector.join(','));
  65.       if (media) {
  66.         let status_id = article.querySelector('a[href*="/status/"]').href.split('/status/').pop().split('/').shift();
  67.         let btn_group = article.querySelector('div[role="group"]:last-of-type, ul.tweet-actions, ul.tweet-detail-actions');
  68.         let btn_share = Array.from(btn_group.querySelectorAll(':scope>div>div, li.tweet-action-item>a, li.tweet-detail-action-item>a')).pop().parentNode;
  69.         let btn_down = btn_share.cloneNode(true);
  70.         btn_down.querySelector('button').removeAttribute('disabled');
  71.         if (is_tweetdeck) {
  72.           btn_down.firstElementChild.innerHTML = '<svg viewBox="0 0 24 24" style="width: 18px; height: 18px;">' + this.svg + '</svg>';
  73.           btn_down.firstElementChild.removeAttribute('rel');
  74.           btn_down.classList.replace("pull-left", "pull-right");
  75.         } else {
  76.           btn_down.querySelector('svg').innerHTML = this.svg;
  77.         }
  78.         let is_exist = history.indexOf(status_id) >= 0;
  79.         this.status(btn_down, 'tmd-down');
  80.         this.status(btn_down, is_exist ? 'completed' : 'download', is_exist ? lang.completed : lang.download);
  81.         btn_group.insertBefore(btn_down, btn_share.nextSibling);
  82.         btn_down.onclick = () => this.click(btn_down, status_id, is_exist);
  83.         if (show_sensitive) {
  84.           let btn_show = article.querySelector('div[aria-labelledby] div[role="button"][tabindex="0"]:not([data-testid]) > div[dir] > span > span');
  85.           if (btn_show) btn_show.click();
  86.         }
  87.       }
  88.       let imgs = article.querySelectorAll('a[href*="/photo/"]');
  89.       if (imgs.length > 1) {
  90.         let status_id = article.querySelector('a[href*="/status/"]').href.split('/status/').pop().split('/').shift();
  91.         let btn_group = article.querySelector('div[role="group"]:last-of-type');
  92.         let btn_share = Array.from(btn_group.querySelectorAll(':scope>div>div')).pop().parentNode;
  93.         imgs.forEach(img => {
  94.           let index = img.href.split('/status/').pop().split('/').pop();
  95.           let is_exist = history.indexOf(status_id) >= 0;
  96.           let btn_down = document.createElement('div');
  97.           btn_down.innerHTML = '<div><div><svg viewBox="0 0 24 24" style="width: 18px; height: 18px;">' + this.svg + '</svg></div></div>';
  98.           btn_down.classList.add('tmd-down', 'tmd-img');
  99.           this.status(btn_down, 'download');
  100.           img.parentNode.appendChild(btn_down);
  101.           btn_down.onclick = e => {
  102.             e.preventDefault();
  103.             this.click(btn_down, status_id, is_exist, index);
  104.           }
  105.         });
  106.       }
  107.     },
  108.     addButtonToMedia: function(listitems) {
  109.       listitems.forEach(li => {
  110.         if (li.dataset.detected) return;
  111.         li.dataset.detected = 'true';
  112.         let status_id = li.querySelector('a[href*="/status/"]').href.split('/status/').pop().split('/').shift();
  113.         let is_exist = history.indexOf(status_id) >= 0;
  114.         let btn_down = document.createElement('div');
  115.         btn_down.innerHTML = '<div><div><svg viewBox="0 0 24 24" style="width: 18px; height: 18px;">' + this.svg + '</svg></div></div>';
  116.         btn_down.classList.add('tmd-down', 'tmd-media');
  117.         this.status(btn_down, is_exist ? 'completed' : 'download', is_exist ? lang.completed : lang.download);
  118.         li.appendChild(btn_down);
  119.         btn_down.onclick = () => this.click(btn_down, status_id, is_exist);
  120.       });
  121.     },
  122.     click: async function (btn, status_id, is_exist, index) {
  123.       if (btn.classList.contains('loading')) return;
  124.       this.status(btn, 'loading');
  125.       let out = (await GM_getValue('filename', filename)).split('\n').join('');
  126.       let save_history = await GM_getValue('save_history', true);
  127.       let json = await this.fetchJson(status_id);
  128.       let tweet = json.legacy;
  129.       let user = json.core.user_results.result.legacy;
  130.       let invalid_chars = {'\\': '＼', '\/': '／', '\|': '｜', '<': '＜', '>': '＞', ':': '：', '*': '＊', '?': '？', '"': '＂', '\u200b': '', '\u200c': '', '\u200d': '', '\u2060': '', '\ufeff': '', '🔞': ''};
  131.       let datetime = out.match(/{date-time(-local)?:[^{}]+}/) ? out.match(/{date-time(?:-local)?:([^{}]+)}/)[1].replace(/[\\/|<>*?:"]/g, v => invalid_chars[v]) : 'YYYYMMDD-hhmmss';
  132.       let info = {};
  133.       info['status-id'] = status_id;
  134.       info['user-name'] = user.name.replace(/([\\/|*?:"]|[\u200b-\u200d\u2060\ufeff]|🔞)/g, v => invalid_chars[v]);
  135.       info['user-id'] = user.screen_name;
  136.       info['date-time'] = this.formatDate(tweet.created_at, datetime);
  137.       info['date-time-local'] = this.formatDate(tweet.created_at, datetime, true);
  138.       info['full-text'] = tweet.full_text.split('\n').join(' ').replace(/\s*https:\/\/t\.co\/\w+/g, '').replace(/[\\/|<>*?:"]|[\u200b-\u200d\u2060\ufeff]/g, v => invalid_chars[v]);
  139.       let medias = tweet.extended_entities && tweet.extended_entities.media;
  140.       if(!medias){
  141.           medias = [];
  142.           let entities = JSON.parse(json.card.legacy.binding_values[0].value.string_value).media_entities;
  143.           for(let key in entities){
  144.               medias.push(entities[key]);
  145.           }
  146.       }
  147.       if (index) medias = [medias[index - 1]];
  148.       if (medias.length > 0) {
  149.         let tasks = medias.length;
  150.         let tasks_result = [];
  151.         medias.forEach((media, i) => {
  152.           info.url = media.type == 'photo' ? media.media_url_https + ':orig' : media.video_info.variants.filter(n => n.content_type == 'video/mp4').sort((a, b) => b.bitrate - a.bitrate)[0].url;
  153.           info.file = info.url.split('/').pop().split(/[:?]/).shift();
  154.           info['file-name'] = info.file.split('.').shift();
  155.           info['file-ext'] = info.file.split('.').pop();
  156.           info['file-type'] = media.type.replace('animated_', '');
  157.           info.out = (out.replace(/\.?{file-ext}/, '') + ((medias.length > 1 || index) && !out.match('{file-name}') ? '-' + (index ? index - 1 : i) : '') + '.{file-ext}').replace(/{([^{}:]+)(:[^{}]+)?}/g, (match, name) => info[name]);
  158.           this.downloader.add({
  159.             url: info.url,
  160.             name: info.out,
  161.             onload: () => {
  162.               tasks -= 1;
  163.               tasks_result.push(((medias.length > 1 || index) ? (index ? index : i + 1) + ': ' : '') + lang.completed);
  164.               this.status(btn, null, tasks_result.sort().join('\n'));
  165.               if (tasks === 0) {
  166.                 this.status(btn, 'completed', lang.completed);
  167.                 if (save_history && !is_exist) {
  168.                   history.push(status_id);
  169.                   this.storage(status_id);
  170.                 }
  171.               }
  172.             },
  173.             onerror: result => {
  174.               tasks = -1;
  175.               tasks_result.push((medias.length > 1 ? i + 1 + ': ' : '') + result.details.current);
  176.               this.status(btn, 'failed', tasks_result.sort().join('\n'));
  177.             }
  178.           });
  179.         });
  180.       } else {
  181.         this.status(btn, 'failed', 'MEDIA_NOT_FOUND');
  182.       }
  183.     },
  184.     status: function (btn, css, title, style) {
  185.       if (css) {
  186.         btn.classList.remove('download', 'completed', 'loading', 'failed');
  187.         btn.classList.add(css);
  188.       }
  189.       if (title) btn.title = title;
  190.       if (style) btn.style.cssText = style;
  191.     },
  192.     settings: async function () {
  193.       const $element = (parent, tag, style, content, css) => {
  194.         let el = document.createElement(tag);
  195.         if (style) el.style.cssText = style;
  196.         if (typeof content !== 'undefined') {
  197.           if (tag == 'input') {
  198.             if (content == 'checkbox') el.type = content;
  199.             else el.value = content;
  200.           } else el.innerHTML = content;
  201.         }
  202.         if (css) css.split(' ').forEach(c => el.classList.add(c));
  203.         parent.appendChild(el);
  204.         return el;
  205.       };
  206.       let wapper = $element(document.body, 'div', 'position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #0009; z-index: 10;');
  207.       let wapper_close;
  208.       wapper.onmousedown = e => {
  209.         wapper_close = e.target == wapper;
  210.       };
  211.       wapper.onmouseup = e => {
  212.         if (wapper_close && e.target == wapper) wapper.remove();
  213.       };
  214.       let dialog = $element(wapper, 'div', 'position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: fit-content; width: -moz-fit-content; background-color: #f3f3f3; border: 1px solid #ccc; border-radius: 10px; color: black;');
  215.       let title = $element(dialog, 'h3', 'margin: 10px 20px;', lang.dialog.title);
  216.       let options = $element(dialog, 'div', 'margin: 10px; border: 1px solid #ccc; border-radius: 5px;');
  217.       let save_history_label = $element(options, 'label', 'display: block; margin: 10px;', lang.dialog.save_history);
  218.       let save_history_input = $element(save_history_label, 'input', 'float: left;', 'checkbox');
  219.       save_history_input.checked = await GM_getValue('save_history', true);
  220.       save_history_input.onchange = () => {
  221.         GM_setValue('save_history', save_history_input.checked);
  222.       }
  223.       let clear_history = $element(save_history_label, 'label', 'display: inline-block; margin: 0 10px; color: blue;', lang.dialog.clear_history);
  224.       clear_history.onclick = () => {
  225.         if (confirm(lang.dialog.clear_confirm)) {
  226.           history = [];
  227.           GM_setValue('download_history', []);
  228.         }
  229.       };
  230.       let show_sensitive_label = $element(options, 'label', 'display: block; margin: 10px;', lang.dialog.show_sensitive);
  231.       let show_sensitive_input = $element(show_sensitive_label, 'input', 'float: left;', 'checkbox');
  232.       show_sensitive_input.checked = await GM_getValue('show_sensitive', false);
  233.       show_sensitive_input.onchange = () => {
  234.         show_sensitive = show_sensitive_input.checked;
  235.         GM_setValue('show_sensitive', show_sensitive);
  236.       };
  237.       let filename_div = $element(dialog, 'div', 'margin: 10px; border: 1px solid #ccc; border-radius: 5px;');
  238.       let filename_label = $element(filename_div, 'label', 'display: block; margin: 10px 15px;', lang.dialog.pattern);
  239.       let filename_input = $element(filename_label, 'textarea', 'display: block; min-width: 500px; max-width: 500px; min-height: 100px; font-size: inherit; background: white; color: black;', await GM_getValue('filename', filename));
  240.       let filename_tags = $element(filename_div, 'label', 'display: table; margin: 10px;', `
  241. <span class="tmd-tag" title="user name">{user-name}</span>
  242. <span class="tmd-tag" title="The user name after @ sign.">{user-id}</span>
  243. <span class="tmd-tag" title="example: 1234567890987654321">{status-id}</span>
  244. <span class="tmd-tag" title="{date-time} : Posted time in UTC.\n{date-time-local} : Your local time zone.\n\nDefault:\nYYYYMMDD-hhmmss => 20201231-235959\n\nExample of custom:\n{date-time:DD-MMM-YY hh.mm} => 31-DEC-21 23.59">{date-time}</span><br>
  245. <span class="tmd-tag" title="Text content in tweet.">{full-text}</span>
  246. <span class="tmd-tag" title="Type of &#34;video&#34; or &#34;photo&#34; or &#34;gif&#34;.">{file-type}</span>
  247. <span class="tmd-tag" title="Original filename from URL.">{file-name}</span>
  248. `);
  249.       filename_input.selectionStart = filename_input.value.length;
  250.       filename_tags.querySelectorAll('.tmd-tag').forEach(tag => {
  251.         tag.onclick = () => {
  252.           let ss = filename_input.selectionStart;
  253.           let se = filename_input.selectionEnd;
  254.           filename_input.value = filename_input.value.substring(0, ss) + tag.innerText + filename_input.value.substring(se);
  255.           filename_input.selectionStart = ss + tag.innerText.length;
  256.           filename_input.selectionEnd = ss + tag.innerText.length;
  257.           filename_input.focus();
  258.         };
  259.       });
  260.       let btn_save = $element(title, 'label', 'float: right;', lang.dialog.save, 'tmd-btn');
  261.       btn_save.onclick = async () => {
  262.         await GM_setValue('filename', filename_input.value);
  263.         wapper.remove();
  264.       };
  265.     },
  266.     fetchJson: async function (status_id) {
  267.       let base_url = `https://${host}/i/api/graphql/NmCeCgkVlsRGS1cAwqtgmw/TweetDetail`;
  268.       let variables = {
  269.         "focalTweetId":status_id,
  270.         "with_rux_injections":false,
  271.         "includePromotedContent":true,
  272.         "withCommunity":true,
  273.         "withQuickPromoteEligibilityTweetFields":true,
  274.         "withBirdwatchNotes":true,
  275.         "withVoice":true,
  276.         "withV2Timeline":true
  277.       };
  278.       let features = {
  279.         "rweb_lists_timeline_redesign_enabled":true,
  280.         "responsive_web_graphql_exclude_directive_enabled":true,
  281.         "verified_phone_label_enabled":false,
  282.         "creator_subscriptions_tweet_preview_api_enabled":true,
  283.         "responsive_web_graphql_timeline_navigation_enabled":true,
  284.         "responsive_web_graphql_skip_user_profile_image_extensions_enabled":false,
  285.         "tweetypie_unmention_optimization_enabled":true,
  286.         "responsive_web_edit_tweet_api_enabled":true,
  287.         "graphql_is_translatable_rweb_tweet_is_translatable_enabled":true,
  288.         "view_counts_everywhere_api_enabled":true,
  289.         "longform_notetweets_consumption_enabled":true,
  290.         "responsive_web_twitter_article_tweet_consumption_enabled":false,
  291.         "tweet_awards_web_tipping_enabled":false,
  292.         "freedom_of_speech_not_reach_fetch_enabled":true,
  293.         "standardized_nudges_misinfo":true,
  294.         "tweet_with_visibility_results_prefer_gql_limited_actions_policy_enabled":true,
  295.         "longform_notetweets_rich_text_read_enabled":true,
  296.         "longform_notetweets_inline_media_enabled":true,
  297.         "responsive_web_media_download_video_enabled":false,
  298.         "responsive_web_enhance_cards_enabled":false
  299.       };
  300.       let url = encodeURI(`${base_url}?variables=${JSON.stringify(variables)}&features=${JSON.stringify(features)}`);
  301.       let cookies = this.getCookie();
  302.       let headers = {
  303.         'authorization': 'Bearer AAAAAAAAAAAAAAAAAAAAANRILgAAAAAAnNwIzUejRCOuH5E6I8xnZz4puTs%3D1Zv7ttfk8LF81IUq16cHjhLTvJu4FA33AGWWjCpTnA',
  304.         'x-twitter-active-user': 'yes',
  305.         'x-twitter-client-language': cookies.lang,
  306.         'x-csrf-token': cookies.ct0
  307.       };
  308.       if (cookies.ct0.length == 32) headers['x-guest-token'] = cookies.gt;
  309.       let tweet_detail = await fetch(url, {headers: headers}).then(result => result.json());
  310.       let tweet_entrie = tweet_detail.data.threaded_conversation_with_injections_v2.instructions[0].entries.find(n => n.entryId == `tweet-${status_id}`);
  311.       let tweet_result = tweet_entrie.content.itemContent.tweet_results.result;
  312.       return tweet_result.tweet || tweet_result;
  313.     },
  314.     getCookie: function (name) {
  315.       let cookies = {};
  316.       document.cookie.split(';').filter(n => n.indexOf('=') > 0).forEach(n => {
  317.         n.replace(/^([^=]+)=(.+)$/, (match, name, value) => {
  318.           cookies[name.trim()] = value.trim();
  319.         });
  320.       });
  321.       return name ? cookies[name] : cookies;
  322.     },
  323.     storage: async function (value) {
  324.       let data = await GM_getValue('download_history', []);
  325.       let data_length = data.length;
  326.       if (value) {
  327.         if (Array.isArray(value)) data = data.concat(value);
  328.         else if (data.indexOf(value) < 0) data.push(value);
  329.       } else return data;
  330.       if (data.length > data_length) GM_setValue('download_history', data);
  331.     },
  332.     storage_obsolete: function (is_remove) {
  333.       let data = JSON.parse(localStorage.getItem('history') || '[]');
  334.       if (is_remove) localStorage.removeItem('history');
  335.       else return data;
  336.     },
  337.     formatDate: function (i, o, tz) {
  338.       let d = new Date(i);
  339.       if (tz) d.setMinutes(d.getMinutes() - d.getTimezoneOffset());
  340.       let m = ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'];
  341.       let v = {
  342.         YYYY: d.getUTCFullYear().toString(),
  343.         YY: d.getUTCFullYear().toString(),
  344.         MM: d.getUTCMonth() + 1,
  345.         MMM: m[d.getUTCMonth()],
  346.         DD: d.getUTCDate(),
  347.         hh: d.getUTCHours(),
  348.         mm: d.getUTCMinutes(),
  349.         ss: d.getUTCSeconds(),
  350.         h2: d.getUTCHours() % 12,
  351.         ap: d.getUTCHours() < 12 ? 'AM' : 'PM'
  352.       };
  353.       return o.replace(/(YY(YY)?|MMM?|DD|hh|mm|ss|h2|ap)/g, n => ('0' + v[n]).substr(-n.length));
  354.     },
  355.     downloader: (function () {
  356.       let tasks = [], thread = 0, max_thread = 2, retry = 0, max_retry = 2, failed = 0, notifier, has_failed = false;
  357.       return {
  358.         add: function (task) {
  359.           tasks.push(task);
  360.           if (thread < max_thread) {
  361.             thread += 1;
  362.             this.next();
  363.           } else this.update();
  364.         },
  365.         next: async function () {
  366.           let task = tasks.shift();
  367.           await this.start(task);
  368.           if (tasks.length > 0 && thread <= max_thread) this.next();
  369.           else thread -= 1;
  370.           this.update();
  371.         },
  372.         start: function (task) {
  373.           this.update();
  374.           return new Promise(resolve => {
  375.             GM_download({
  376.               url: task.url,
  377.               name: task.name,
  378.               onload: result => {
  379.                 task.onload();
  380.                 resolve();
  381.               },
  382.               onerror: result => {
  383.                 this.retry(task, result);
  384.                 resolve();
  385.               },
  386.               ontimeout: result => {
  387.                 this.retry(task, result);
  388.                 resolve();
  389.               }
  390.             });
  391.           });
  392.         },
  393.         retry: function (task, result) {
  394.           retry += 1;
  395.           if (retry == 3) max_thread = 1;
  396.           if (task.retry && task.retry >= max_retry ||
  397.               result.details && result.details.current == 'USER_CANCELED') {
  398.             task.onerror(result);
  399.             failed += 1;
  400.           } else {
  401.             if (max_thread == 1) task.retry = (task.retry || 0) + 1;
  402.             this.add(task);
  403.           }
  404.         },
  405.         update: function() {
  406.           if (!notifier) {
  407.             notifier = document.createElement('div');
  408.             notifier.title = 'Twitter Media Downloader';
  409.             notifier.classList.add('tmd-notifier');
  410.             notifier.innerHTML = '<label>0</label>|<label>0</label>';
  411.             document.body.appendChild(notifier);
  412.           }
  413.           if (failed > 0 && !has_failed) {
  414.             has_failed = true;
  415.             notifier.innerHTML += '|';
  416.             let clear = document.createElement('label');
  417.             notifier.appendChild(clear);
  418.             clear.onclick = () => {
  419.               notifier.innerHTML = '<label>0</label>|<label>0</label>';
  420.               failed = 0;
  421.               has_failed = false;
  422.               this.update();
  423.             };
  424.           }
  425.           notifier.firstChild.innerText = thread;
  426.           notifier.firstChild.nextElementSibling.innerText = tasks.length;
  427.           if (failed > 0) notifier.lastChild.innerText = failed;
  428.           if (thread > 0 || tasks.length > 0 || failed > 0) notifier.classList.add('running');
  429.           else notifier.classList.remove('running');
  430.         }
  431.       };
  432.     })(),
  433.     language: {
  434.       en: {download: 'Download', completed: 'Download Completed', settings: 'Settings', dialog: {title: 'Download Settings', save: 'Save', save_history: 'Remember download history', clear_history: '(Clear)', clear_confirm: 'Clear download history?', show_sensitive: 'Always show sensitive content', pattern: 'File Name Pattern'}},
  435.       ja: {download: 'ダウンロード', completed: 'ダウンロード完了', settings: '設定', dialog: {title: 'ダウンロード設定', save: '保存', save_history: 'ダウンロード履歴を保存する', clear_history: '(クリア)', clear_confirm: 'ダウンロード履歴を削除する？', show_sensitive: 'センシティブな内容を常に表示する', pattern: 'ファイル名パターン'}},
  436.       zh: {download: '下载', completed: '下载完成', settings: '设置', dialog: {title: '下载设置', save: '保存', save_history: '保存下载记录', clear_history: '(清除)', clear_confirm: '确认要清除下载记录？', show_sensitive: '自动显示敏感的内容', pattern: '文件名格式'}},
  437.       'zh-Hant': {download: '下載', completed: '下載完成', settings: '設置', dialog: {title: '下載設置', save: '保存', save_history: '保存下載記錄', clear_history: '(清除)', clear_confirm: '確認要清除下載記錄？', show_sensitive: '自動顯示敏感的内容', pattern: '文件名規則'}}
  438.     },
  439.     css: `
  440. .tmd-down {margin-left: 12px; order: 99;}
  441. .tmd-down:hover > div > div > div > div {color: rgba(29, 161, 242, 1.0);}
  442. .tmd-down:hover > div > div > div > div > div {background-color: rgba(29, 161, 242, 0.1);}
  443. .tmd-down:active > div > div > div > div > div {background-color: rgba(29, 161, 242, 0.2);}
  444. .tmd-down:hover svg {color: rgba(29, 161, 242, 1.0);}
  445. .tmd-down:hover div:first-child:not(:last-child) {background-color: rgba(29, 161, 242, 0.1);}
  446. .tmd-down:active div:first-child:not(:last-child) {background-color: rgba(29, 161, 242, 0.2);}
  447. .tmd-down.tmd-media {position: absolute; right: 0;}
  448. .tmd-down.tmd-media > div {display: flex; border-radius: 99px; margin: 2px;}
  449. .tmd-down.tmd-media > div > div {display: flex; margin: 6px; color: #fff;}
  450. .tmd-down.tmd-media:hover > div {background-color: rgba(255,255,255, 0.6);}
  451. .tmd-down.tmd-media:hover > div > div {color: rgba(29, 161, 242, 1.0);}
  452. .tmd-down.tmd-media:not(:hover) > div > div {filter: drop-shadow(0 0 1px #000);}
  453. .tmd-down g {display: none;}
  454. .tmd-down.download g.download, .tmd-down.completed g.completed, .tmd-down.loading g.loading,.tmd-down.failed g.failed {display: unset;}
  455. .tmd-down.loading svg {animation: spin 1s linear infinite;}
  456. @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
  457. .tmd-btn {display: inline-block; background-color: #1DA1F2; color: #FFFFFF; padding: 0 20px; border-radius: 99px;}
  458. .tmd-tag {display: inline-block; background-color: #FFFFFF; color: #1DA1F2; padding: 0 10px; border-radius: 10px; border: 1px solid #1DA1F2;  font-weight: bold; margin: 5px;}
  459. .tmd-btn:hover {background-color: rgba(29, 161, 242, 0.9);}
  460. .tmd-tag:hover {background-color: rgba(29, 161, 242, 0.1);}
  461. .tmd-notifier {display: none; position: fixed; left: 16px; bottom: 16px; color: #000; background: #fff; border: 1px solid #ccc; border-radius: 8px; padding: 4px;}
  462. .tmd-notifier.running {display: flex; align-items: center;}
  463. .tmd-notifier label {display: inline-flex; align-items: center; margin: 0 8px;}
  464. .tmd-notifier label:before {content: " "; width: 32px; height: 16px; background-position: center; background-repeat: no-repeat;}
  465. .tmd-notifier label:nth-child(1):before {background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 24 24%22><path d=%22M3,14 v5 q0,2 2,2 h14 q2,0 2,-2 v-5 M7,10 l4,4 q1,1 2,0 l4,-4 M12,3 v11%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%222%22 stroke-linecap=%22round%22 /></svg>");}
  466. .tmd-notifier label:nth-child(2):before {background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 24 24%22><path d=%22M12,2 a1,1 0 0 1 0,20 a1,1 0 0 1 0,-20 M12,5 v7 h6%22 fill=%22none%22 stroke=%22%23999%22 stroke-width=%222%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22 /></svg>");}
  467. .tmd-notifier label:nth-child(3):before {background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 24 24%22><path d=%22M12,0 a2,2 0 0 0 0,24 a2,2 0 0 0 0,-24%22 fill=%22%23f66%22 stroke=%22none%22 /><path d=%22M14.5,5 a1,1 0 0 0 -5,0 l0.5,9 a1,1 0 0 0 4,0 z M12,17 a2,2 0 0 0 0,5 a2,2 0 0 0 0,-5%22 fill=%22%23fff%22 stroke=%22none%22 /></svg>");}
  468. .tmd-down.tmd-img {position: absolute; right: 0; bottom: 0; display: none !important;}
  469. .tmd-down.tmd-img > div {display: flex; border-radius: 99px; margin: 2px; background-color: rgba(255,255,255, 0.6);}
  470. .tmd-down.tmd-img > div > div {display: flex; margin: 6px; color: #fff !important;}
  471. .tmd-down.tmd-img:not(:hover) > div > div {filter: drop-shadow(0 0 1px #000);}
  472. .tmd-down.tmd-img:hover > div > div {color: rgba(29, 161, 242, 1.0);}
  473. :hover > .tmd-down.tmd-img, .tmd-img.loading, .tmd-img.completed, .tmd-img.failed {display: block !important;}
  474. .tweet-detail-action-item {width: 20% !important;}
  475. `,
  476.     css_ss: `
  477. /* show sensitive in media tab */
  478. li[role="listitem"]>div>div>div>div:not(:last-child) {filter: none;}
  479. li[role="listitem"]>div>div>div>div+div:last-child {display: none;}
  480. `,
  481.     svg: `
  482. <g class="download"><path d="M3,14 v5 q0,2 2,2 h14 q2,0 2,-2 v-5 M7,10 l4,4 q1,1 2,0 l4,-4 M12,3 v11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" /></g>
  483. <g class="completed"><path d="M3,14 v5 q0,2 2,2 h14 q2,0 2,-2 v-5 M7,10 l3,4 q1,1 2,0 l8,-11" fill="none" stroke="#1DA1F2" stroke-width="2" stroke-linecap="round" /></g>
  484. <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>
  485. <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>
  486. `
  487.   };
  488. })();
  489.  
  490. TMD.init();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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