☰

下载微博图片和视频（仅支持新版界面）

从新版微博界面下载图片和视频。

目前为 2023-02-28 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Download Weibo Images & Videos (Only support new version weibo UI)
  3. // @name:zh-CN   下载微博图片和视频（仅支持新版界面）
  4. // @version      0.8.0
  5. // @description  Download images and videos from new version weibo UI webpage.
  6. // @description:zh-CN 从新版微博界面下载图片和视频。
  7. // @author       OWENDSWANG
  8. // @match        https://weibo.com/*
  9. // @match        https://s.weibo.com/weibo*
  10. // @match        https://s.weibo.com/realtime*
  11. // @match        https://s.weibo.com/video*
  12. // @exclude      https://weibo.com/tv/*
  13. // @exclude      https://weibo.com/p/*
  14. // @icon         https://weibo.com/favicon.ico
  15. // @license      MIT
  16. // @homepage     https://gf.qytechs.cn/scripts/430877
  17. // @supportURL   https://github.com/owendswang/Download-Weibo-Images-Videos
  18. // @grant        GM_download
  19. // @grant        GM_xmlhttpRequest
  20. // @grant        GM_notification
  21. // @grant        GM_getValue
  22. // @grant        GM_setValue
  23. // @connect      wx1.sinaimg.cn
  24. // @connect      wx2.sinaimg.cn
  25. // @connect      wx3.sinaimg.cn
  26. // @connect      wx4.sinaimg.cn
  27. // @connect      g.us.sinaimg.cn
  28. // @connect      f.video.weibocdn.com
  29. // @namespace    http://tampermonkey.net/
  30. // @run-at       document-end
  31. // @require      https://cdnjs.cloudflare.com/ajax/libs/jszip/3.9.1/jszip.min.js
  32. // @require      https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js
  33. // ==/UserScript==
  34.  
  35. (function() {
  36.     'use strict';
  37.  
  38.     let text = [];
  39.     let text_zh = [
  40.         '添加下载按钮',
  41.         '欢迎使用“下载微博图片”脚本',
  42.         '请选择添加下载按钮的方式：',
  43.         '点击“添加下载按钮”来添加下载按钮。',
  44.         '当鼠标位于浏览器页面时添加下载按钮，但这种方式会占用很多CPU资源。',
  45.         '确定',
  46.         '下载设置',
  47.         '下载文件名称',
  48.         '{original} - 原文件名\n{username} - 原博主名称\n{userid} - 原博主ID\n{mblogid} - 原博mblogid\n{uid} - 原博uid\n{ext} - 文件后缀\n{index} - 图片序号\n{YYYY} {MM} {DD} {HH} {mm} {ss} - 原博发布时\n间的年份、月份、日期、小时、分钟、秒，可\n分开独立使用',
  49.         '下载队列',
  50.         '重试',
  51.         '关闭',
  52.         '取消',
  53.         '打包下载',
  54.         '打包文件名',
  55.         '与“下载文件名”规则相同，但{original}、{ext}、{index}除外',
  56.     ];
  57.     let text_en = [
  58.         'Add Download Buttons',
  59.         'Welcome Using \'Download Weibo Images\' Script',
  60.         'Which way do you like to add download buttons to each weibo post?',
  61.         'Click \'Add Download Buttons\' button to add download buttons.',
  62.         'When mouse over browser page, add download buttons automatically. But it takes a lot of CPU usage.',
  63.         'OK',
  64.         'Download Setting',
  65.         'Download File Name',
  66.         '{original} - Original file name\n{username} - Original user name\n{userid} - Original user ID\n{mblogid} - original mblogid\n{uid} - original uid\n{ext} - File extention\n{index} - Image index\n{YYYY} {MM} {DD} {HH} {mm} {ss} - "Year", \n"Month", "Date", "Hour", "Minute", "Second" \nof the created time of the original post',
  67.         'Download Queue',
  68.         'Retry',
  69.         'Close',
  70.         'Cancel',
  71.         'Pack download files as a ZIP file',
  72.         'ZIP File Name',
  73.         'The same rules as "Download File Name" except {original}, {ext} and {index}',
  74.     ];
  75.     if(navigator.language.substr(0, 2) == 'zh') {
  76.         text = text_zh;
  77.     } else {
  78.         text = text_en;
  79.     }
  80.  
  81.     function httpGet(theUrl) {
  82.         let xmlHttp = new XMLHttpRequest();
  83.         xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
  84.         xmlHttp.send( null );
  85.         return xmlHttp.responseText;
  86.     }
  87.  
  88.     function downloadError(e, url, name, headerFlag, progress, zipMode = false) {
  89.         console.log(e, url);
  90.         /*GM_notification({
  91.             title: 'Download error',
  92.             text: 'Error: ' + e.error + '\nUrl: ' + url,
  93.             silent: true,
  94.             timeout: 3,
  95.         });*/
  96.         progress.style.background = 'red';
  97.         progress.firstChild.textContent = name + ' [' + (e.error || 'Unknown') + ']';
  98.         progress.firstChild.style.color = 'yellow';
  99.         progress.firstChild.style.mixBlendMode = 'unset';
  100.         if (!zipMode) {
  101.             let progressRetryBtn = document.createElement('button');
  102.             progressRetryBtn.style.border = 'unset';
  103.             progressRetryBtn.style.background = 'unset';
  104.             progressRetryBtn.style.color = 'yellow';
  105.             progressRetryBtn.style.position = 'absolute';
  106.             progressRetryBtn.style.right = '1.2rem';
  107.             progressRetryBtn.style.top = '0.05rem';
  108.             progressRetryBtn.style.fontSize = '1rem';
  109.             progressRetryBtn.style.lineHeight = '1rem';
  110.             progressRetryBtn.style.cursor = 'pointer';
  111.             progressRetryBtn.style.letterSpacing = '-0.2rem';
  112.             progressRetryBtn.textContent = '⤤⤦';
  113.             progressRetryBtn.title = text[10];
  114.             progressRetryBtn.onmouseover = function(e){
  115.                 this.style.color = 'white';
  116.             }
  117.             progressRetryBtn.onmouseout = function(e){
  118.                 this.style.color = 'yellow';
  119.             }
  120.             progressRetryBtn.onclick = function(e) {
  121.                 this.parentNode.remove();
  122.                 downloadWrapper(url, name, headerFlag);
  123.             }
  124.             progress.insertBefore(progressRetryBtn, progress.lastChild);
  125.         }
  126.         progress.lastChild.title = text[11];
  127.         progress.lastChild.style.color = 'yellow';
  128.         progress.lastChild.onmouseover = function(e){
  129.             this.style.color = 'white';
  130.         };
  131.         progress.lastChild.onmouseout = function(e){
  132.             this.style.color = 'yellow';
  133.         };
  134.         progress.lastChild.onclick = function(e) {
  135.             this.parentNode.remove();
  136.             if(progress.parent.childElementCount == 1) progress.parent.firstChild.style.display = 'none';
  137.         };
  138.         // setTimeout(() => { progress.remove(); if(downloadQueueCard.childElementCount == 1) downloadQueueTitle.style.display = 'none'; }, 1000);
  139.     }
  140.  
  141.     let downloadQueueCard = document.createElement('div');
  142.     downloadQueueCard.style.position = 'fixed';
  143.     downloadQueueCard.style.bottom = '0.5rem';
  144.     downloadQueueCard.style.left = '0.5rem';
  145.     downloadQueueCard.style.maxHeight = '50vh';
  146.     downloadQueueCard.style.overflowY = 'auto';
  147.     downloadQueueCard.style.overflowX = 'hidden';
  148.     let downloadQueueTitle = document.createElement('div');
  149.     downloadQueueTitle.textContent = text[9];
  150.     downloadQueueTitle.style.fontSize = '0.8rem';
  151.     downloadQueueTitle.style.color = 'gray';
  152.     downloadQueueTitle.style.display = 'none';
  153.     downloadQueueCard.appendChild(downloadQueueTitle);
  154.     document.body.appendChild(downloadQueueCard);
  155.     let progressBar = document.createElement('div');
  156.     progressBar.style.height = '1.4rem';
  157.     progressBar.style.width = '23rem';
  158.     // progressBar.style.background = 'linear-gradient(to right, red 100%, transparent 100%)';
  159.     progressBar.style.borderStyle = 'solid';
  160.     progressBar.style.borderWidth = '0.1rem';
  161.     progressBar.style.borderColor = 'grey';
  162.     progressBar.style.borderRadius = '0.5rem';
  163.     progressBar.style.boxSizing = 'content-box';
  164.     progressBar.style.marginTop = '0.5rem';
  165.     progressBar.style.marginRight = '1rem';
  166.     progressBar.style.position = 'relative';
  167.     let progressText = document.createElement('div');
  168.     // progressText.textContent = 'test.test';
  169.     progressText.style.mixBlendMode = 'screen';
  170.     progressText.style.width = '100%';
  171.     progressText.style.textAlign = 'center';
  172.     progressText.style.color = 'orange';
  173.     progressText.style.fontSize = '0.7rem';
  174.     progressText.style.lineHeight = '1.4rem';
  175.     progressText.style.overflow = 'hidden';
  176.     progressBar.appendChild(progressText);
  177.     let progressCloseBtn = document.createElement('button');
  178.     progressCloseBtn.style.border = 'unset';
  179.     progressCloseBtn.style.background = 'unset';
  180.     progressCloseBtn.style.color = 'orange';
  181.     progressCloseBtn.style.position = 'absolute';
  182.     progressCloseBtn.style.right = '0';
  183.     progressCloseBtn.style.top = '0.1rem';
  184.     progressCloseBtn.style.fontSize = '1rem';
  185.     progressCloseBtn.style.lineHeight = '1rem';
  186.     progressCloseBtn.style.cursor = 'pointer';
  187.     progressCloseBtn.textContent = '×';
  188.     progressCloseBtn.title = text[12];
  189.     progressCloseBtn.onmouseover = function(e){
  190.         this.style.color = 'red';
  191.     }
  192.     progressCloseBtn.onmouseout = function(e){
  193.         this.style.color = 'orange';
  194.     }
  195.     progressBar.appendChild(progressCloseBtn);
  196.     // downloadQueueCard.appendChild(progressBar);
  197.  
  198.     function downloadWrapper(url, name, headerFlag = false, zipMode = false) {
  199.         // console.log(url);
  200.         downloadQueueTitle.style.display = 'block';
  201.         let progress = downloadQueueCard.appendChild(progressBar.cloneNode(true));
  202.         progress.firstChild.textContent = name + ' [0%]';
  203.         if (zipMode) {
  204.             return new Promise(function(resolve, reject) {
  205.                 const download = GM_xmlhttpRequest({
  206.                     method: 'GET',
  207.                     url,
  208.                     responseType: 'blob',
  209.                     headers: headerFlag ? {
  210.                         'Referer': 'https://weibo.com/',
  211.                         'Origin': 'https://weibo.com/'
  212.                     } : null,
  213.                     onprogress: (e) => {
  214.                         // e = { int done, finalUrl, bool lengthComputable, int loaded, int position, int readyState, response, str responseHeaders, responseText, responseXML, int status, statusText, int total, int totalSize }
  215.                         const percent = e.done / e.total * 100;
  216.                         progress.style.background = 'linear-gradient(to right, green ' + percent + '%, transparent ' + percent + '%)';
  217.                         progress.firstChild.textContent = name + ' [' + percent.toFixed(0) + '%]';
  218.                     },
  219.                     onload: ({ status, response }) => {
  220.                         const timeout = setTimeout(() => {
  221.                             progress.remove();
  222.                             if(downloadQueueCard.childElementCount == 1) downloadQueueTitle.style.display = 'none';
  223.                         }, 1000);
  224.                         progress.lastChild.onclick = function(e) {
  225.                             clearTimeout(timeout);
  226.                             this.parentNode.remove();
  227.                             if(downloadQueueCard.childElementCount == 1) downloadQueueTitle.style.display = 'none';
  228.                         }
  229.                         resolve(response);
  230.                     },
  231.                     onabort: (e) => { downloadError(e, url, name, headerFlag, progress); resolve(null); },
  232.                     onerror: (e) => { downloadError(e, url, name, headerFlag, progress); resolve(null); },
  233.                     ontimeout: (e) => { downloadError(e, url, name, headerFlag, progress); resolve(null); },
  234.                 });
  235.                 progress.lastChild.onclick = function(e) {
  236.                     download.abort();
  237.                     this.parentNode.remove();
  238.                     if(downloadQueueCard.childElementCount == 1) downloadQueueTitle.style.display = 'none';
  239.                 };
  240.             });
  241.         } else {
  242.             const download = GM_download({
  243.                 url,
  244.                 name,
  245.                 headers: headerFlag ? {
  246.                     'Referer': 'https://weibo.com/',
  247.                     'Origin': 'https://weibo.com/'
  248.                 } : null,
  249.                 onprogress: (e) => {
  250.                     // e = { int done, finalUrl, bool lengthComputable, int loaded, int position, int readyState, response, str responseHeaders, responseText, responseXML, int status, statusText, int total, int totalSize }
  251.                     const percent = e.done / e.total * 100;
  252.                     progress.style.background = 'linear-gradient(to right, green ' + percent + '%, transparent ' + percent + '%)';
  253.                     progress.firstChild.textContent = name + ' [' + percent.toFixed(0) + '%]';
  254.                 },
  255.                 onload: ({ status, response }) => {
  256.                     const timeout = setTimeout(() => {
  257.                         progress.remove();
  258.                         if(downloadQueueCard.childElementCount == 1) downloadQueueTitle.style.display = 'none';
  259.                     }, 1000);
  260.                     progress.lastChild.onclick = function(e) {
  261.                         clearTimeout(timeout);
  262.                         this.parentNode.remove();
  263.                         if(downloadQueueCard.childElementCount == 1) downloadQueueTitle.style.display = 'none';
  264.                     }
  265.                 },
  266.                 onerror: (e) => { downloadError(e, url, name, headerFlag, progress); },
  267.                 ontimeout: (e) => { downloadError(e, url, name, headerFlag, progress); },
  268.             });
  269.             progress.lastChild.onclick = function(e) {
  270.                 download.abort();
  271.                 this.parentNode.remove();
  272.                 if(downloadQueueCard.childElementCount == 1) downloadQueueTitle.style.display = 'none';
  273.             };
  274.         }
  275.     }
  276.  
  277.     function getName(nameSetting, originalName, ext, userName, userId, postId, postUid, index, postTime) {
  278.         let setName = nameSetting;
  279.         setName = setName.replace('{ext}', ext);
  280.         setName = setName.replace('{original}', originalName);
  281.         setName = setName.replace('{username}', userName);
  282.         setName = setName.replace('{userid}', userId);
  283.         setName = setName.replace('{mblogid}', postId);
  284.         setName = setName.replace('{uid}', postUid);
  285.         setName = setName.replace('{index}', index);
  286.         let YYYY, MM, DD, HH, mm, ss;
  287.         const postAt = new Date(postTime);
  288.         if (postTime) {
  289.             YYYY = postAt.getFullYear().toString();
  290.             MM = (postAt.getMonth() + 1).toString().padStart(2, '0');
  291.             DD = postAt.getDate().toString().padStart(2, '0');
  292.             HH = postAt.getHours().toString().padStart(2, '0');
  293.             mm = postAt.getMinutes().toString().padStart(2, '0');
  294.             ss = postAt.getSeconds().toString().padStart(2, '0');
  295.         }
  296.         setName = setName.replace('{YYYY}', YYYY);
  297.         setName = setName.replace('{MM}', MM);
  298.         setName = setName.replace('{DD}', DD);
  299.         setName = setName.replace('{HH}', HH);
  300.         setName = setName.replace('{mm}', mm);
  301.         setName = setName.replace('{ss}', ss);
  302.         return setName.replace(/[<>|\|*|"|\/|\|:|?]/g, '_');
  303.     }
  304.  
  305.     function handleDownloadList(downloadList, packName) {
  306.         if (GM_getValue('zipMode', false)) {
  307.             let zip = new JSZip();
  308.             // console.log('zip', zip);
  309.             let promises = downloadList.map(async function(ele, idx) {
  310.                 return await downloadWrapper(ele.url, ele.name, ele.headerFlag, true).then(function(data) {
  311.                     // console.log('data', data);
  312.                     if (data) zip.file(downloadList[idx].name, data);
  313.                 });
  314.             });
  315.             // console.log('promises', promises);
  316.             Promise.all(promises).then(async function(responseList) {
  317.                 // console.log('responseList', responseList);
  318.                 // console.log('zip', zip);
  319.                 // console.log('generateAsync', zip.generateAsync());
  320.                 const content = await zip.generateAsync({ type: 'blob', streamFiles: true }/*, function({ percent, currentFile }) { console.log(percent); }*/);
  321.                 // console.log('content', content);
  322.                 if (zip.files && Object.keys(zip.files).length > 0) saveAs(content, packName);
  323.             });
  324.         } else {
  325.             for (const item of downloadList) {
  326.                 downloadWrapper(item.url, item.name, item.headerFlag);
  327.             }
  328.         }
  329.     }
  330.  
  331.     function addDlBtn(footer) {
  332.         let dlBtnDiv = document.createElement('div');
  333.         dlBtnDiv.className = 'woo-box-item-flex toolbar_item_1ky_D';
  334.         let divInDiv = document.createElement('div');
  335.         divInDiv.className = 'woo-box-flex woo-box-alignCenter woo-box-justifyCenter toolbar_likebox_1rLfZ';
  336.         let dlBtn = document.createElement('button');
  337.         dlBtn.className = 'woo-like-main toolbar_btn_Cg9tz download-button';
  338.         dlBtn.setAttribute('tabindex', '0');
  339.         dlBtn.setAttribute('title', '下载');
  340.         dlBtn.innerHTML = '<span class="woo-like-iconWrap"><svg class="woo-like-icon"><use xlink:href="#woo_svg_download"></use></svg></span><span class="woo-like-count">下载</span>';
  341.         dlBtn.addEventListener('click', async function(event) {
  342.             event.preventDefault();
  343.             const article = this.parentElement.parentElement.parentElement.parentElement.parentElement;
  344.             if( article.tagName.toLowerCase() == 'article') {
  345.                 // let contentRow = article.getElementsByClassName('content_row_-r5Tk')[0];
  346.                 const header = article.getElementsByTagName('header')[0];
  347.                 const postLink = header.getElementsByClassName('head-info_time_6sFQg')[0];
  348.                 let postId = postLink.href.split('/')[postLink.href.split('/').length - 1];
  349.                 const response = httpGet('https://weibo.com/ajax/statuses/show?id=' + postId);
  350.                 const resJson = JSON.parse(response);
  351.                 // console.log(resJson);
  352.                 let picInfos = [];
  353.                 let userName, userId, postUid, postTime;
  354.                 let status = resJson;
  355.                 if(resJson.hasOwnProperty('retweeted_status')) {
  356.                     status = resJson.retweeted_status;
  357.                 }
  358.                 postId = status.mblogid;
  359.                 picInfos = status.pic_infos;
  360.                 userName = status.user.screen_name;
  361.                 userId = status.user.idstr;
  362.                 postUid = status.idstr;
  363.                 postTime = status.created_at;
  364.                 let downloadList = [];
  365.                 if(footer.parentElement.getElementsByTagName('video').length > 0) {
  366.                     // console.log('download video');
  367.                     if(resJson.hasOwnProperty('page_info')) {
  368.                         let mediaInfo = resJson.page_info.media_info;
  369.                         let largeVidUrl = mediaInfo.playback_list[0].play_info.url;
  370.                         let vidName = largeVidUrl.split('?')[0];
  371.                         vidName = vidName.split('/')[vidName.split('/').length - 1].split('?')[0];
  372.                         let originalName = vidName.split('.')[0];
  373.                         let ext = vidName.split('.')[1];
  374.                         let setName = getName(originalName, ext, userName, userId, postId, postUid, 1, postTime);
  375.                         downloadList.push({ url: largeVidUrl, name: setName });
  376.                     }
  377.                 }
  378.                 if (picInfos) {
  379.                     // console.log('download images');
  380.                     let index = 0;
  381.                     let padLength = Object.entries(picInfos).length.toString().length;
  382.                     for (const [id, pic] of Object.entries(picInfos)) {
  383.                         index += 1;
  384.                         let largePicUrl = pic.largest.url;
  385.                         let picName = largePicUrl.split('/')[largePicUrl.split('/').length - 1].split('?')[0];
  386.                         let originalName = picName.split('.')[0];
  387.                         let ext = picName.split('.')[1];
  388.                         let setName = getName(GM_getValue('dlFileName', '{original}.{ext}'), originalName, ext, userName, userId, postId, postUid, index.toString().padStart(padLength, '0'), postTime);
  389.                         downloadList.push({ url: largePicUrl, name: setName, headerFlag: true });
  390.                         if(pic.hasOwnProperty('video')) {
  391.                             let videoUrl = pic.video;
  392.                             let videoName = videoUrl.split('%2F')[videoUrl.split('%2F').length - 1].split('?')[0];
  393.                             videoName = videoName.split('/')[videoName.split('/').length - 1].split('?')[0];
  394.                             if (!videoName.includes('.')) videoName = videoUrl.split('/')[videoUrl.split('/').length - 1].split('?')[0];
  395.                             // console.log(videoUrl, videoName);
  396.                             let originalName = videoName.split('.')[0];
  397.                             let ext = videoName.split('.')[1];
  398.                             let setName = getName(GM_getValue('dlFileName', '{original}.{ext}'), originalName, ext, userName, userId, postId, postUid, index.toString().padStart(padLength, '0'), postTime);
  399.                             downloadList.push({ url: videoUrl, name: setName });
  400.                         }
  401.                     }
  402.                 }
  403.                 handleDownloadList(downloadList, getName(GM_getValue('packFileName', '{mblogid}.zip'), '{original}', '{ext}', userName, userId, postId, postUid, '{index}'));
  404.             }
  405.         });
  406.         divInDiv.appendChild(dlBtn);
  407.         dlBtnDiv.appendChild(divInDiv);
  408.         footer.firstChild.appendChild(dlBtnDiv);
  409.         // console.log('added download button');
  410.     }
  411.  
  412.     function sAddDlBtn(footer) {
  413.         const lis = footer.getElementsByTagName('li');
  414.         for (const li of lis) {
  415.             li.style.width = '25%';
  416.         }
  417.         let dlBtnLi = document.createElement('li');
  418.         dlBtnLi.style.width = '25%';
  419.         let aInLi = document.createElement('a');
  420.         aInLi.className = 'woo-box-flex woo-box-alignCenter woo-box-justifyCenter';
  421.         aInLi.setAttribute('title', '下载');
  422.         aInLi.setAttribute('href', 'javascript:void(0);');
  423.         let dlBtn = document.createElement('button');
  424.         dlBtn.className = 'woo-like-main toolbar_btn download-button';
  425.         dlBtn.innerHTML = '<span class="woo-like-iconWrap"><svg class="woo-like-icon"><use xlink:href="#woo_svg_download"></use></svg></span><span class="woo-like-count">下载</span>';
  426.         aInLi.addEventListener('click', function(event) { event.preventDefault(); });
  427.         dlBtn.addEventListener('click', function(event) {
  428.             // console.log('download');
  429.             event.preventDefault();
  430.             const card = this.parentElement.parentElement.parentElement.parentElement;
  431.             const cardWrap = card.parentElement;
  432.             // console.log(card, cardWrap);
  433.             const mid = cardWrap.getAttribute('mid');
  434.             // console.log(mid);
  435.             if(mid) {
  436.                 const response = httpGet('https://weibo.com/ajax/statuses/show?id=' + mid);
  437.                 const resJson = JSON.parse(response);
  438.                 // console.log(resJson);
  439.                 let picInfos = [];
  440.                 let userName, userId, postUid, postId, postTime;
  441.                 let status = resJson;
  442.                 if(resJson.hasOwnProperty('retweeted_status')) {
  443.                     status = resJson.retweeted_status;
  444.                 }
  445.                 postId = status.mblogid;
  446.                 picInfos = status.pic_infos;
  447.                 userName = status.user.screen_name;
  448.                 userId = status.user.idstr;
  449.                 postUid = status.idstr;
  450.                 postTime = status.created_at;
  451.                 let downloadList = [];
  452.                 if(footer.parentElement.getElementsByTagName('video').length > 0) {
  453.                     // console.log('download video');
  454.                     if(resJson.hasOwnProperty('page_info')) {
  455.                         let mediaInfo = resJson.page_info.media_info;
  456.                         let largeVidUrl = mediaInfo.playback_list[0].play_info.url;
  457.                         let vidName = largeVidUrl.split('?')[0];
  458.                         vidName = vidName.split('/')[vidName.split('/').length - 1].split('?')[0];
  459.                         if (!vidName.includes('.')) vidName = largeVidUrl.split('/')[largeVidUrl.split('/').length - 1].split('?')[0];
  460.                         let originalName = vidName.split('.')[0];
  461.                         let ext = vidName.split('.')[1];
  462.                         let setName = getName(originalName, ext, userName, userId, postId, postUid, 1, postTime);
  463.                         downloadList.push({ url: largeVidUrl, name: setName });
  464.                     }
  465.                 }
  466.                 if (picInfos) {
  467.                     // console.log('download images');
  468.                     let index = 0;
  469.                     let padLength = Object.entries(picInfos).length.toString().length;
  470.                     for (const [id, pic] of Object.entries(picInfos)) {
  471.                         index += 1;
  472.                         let largePicUrl = pic.largest.url;
  473.                         let picName = largePicUrl.split('/')[largePicUrl.split('/').length - 1].split('?')[0];
  474.                         let originalName = picName.split('.')[0];
  475.                         let ext = picName.split('.')[1];
  476.                         let setName = getName(GM_getValue('dlFileName', '{original}.{ext}'), originalName, ext, userName, userId, postId, postUid, index.toString().padStart(padLength, '0'));
  477.                         downloadList.push({ url: largePicUrl, name: setName, headerFlag: true });
  478.                         if(pic.hasOwnProperty('video')) {
  479.                             let videoUrl = pic.video;
  480.                             let videoName = videoUrl.split('%2F')[videoUrl.split('%2F').length - 1].split('?')[0];
  481.                             videoName = videoName.split('/')[videoName.split('/').length - 1].split('?')[0];
  482.                             // console.log(videoUrl, videoName);
  483.                             let originalName = videoName.split('.')[0];
  484.                             let ext = videoName.split('.')[1];
  485.                             let setName = getName(GM_getValue('dlFileName', '{original}.{ext}'), originalName, ext, userName, userId, postId, postUid, index.toString().padStart(padLength, '0'));
  486.                             downloadList.push({ url: videoUrl, name: setName });
  487.                         }
  488.                     }
  489.                 }
  490.                 handleDownloadList(downloadList, getName(GM_getValue('packFileName', '{mblogid}.zip'), '{original}', '{ext}', userName, userId, postId, postUid, '{index}'));
  491.             }
  492.         });
  493.         aInLi.appendChild(dlBtn);
  494.         dlBtnLi.appendChild(dlBtn);
  495.         footer.firstChild.appendChild(dlBtnLi);
  496.         // console.log('added download button');
  497.     }
  498.  
  499.     function bodyMouseOver(event) {
  500.         let svg = document.getElementById('__SVG_SPRITE_NODE__');
  501.         let symbol = document.createElementNS('http://www.w3.org/2000/svg', 'symbol');
  502.         symbol.id = 'woo_svg_download';
  503.         symbol.setAttribute('viewBox', '0 0 100 100');
  504.         symbol.innerHTML = '<path d="m25,0l50,0l0,50l25,0l-50,50l-50,-50l25,0l0,-50" fill="currentColor"></path><path d="m30,5l40,0l0,50l20,0l-40,40l-40,-40l20,0l0,-50" fill="white"></path>';
  505.         svg.appendChild(symbol);
  506.  
  507.         if (location.host == 'weibo.com') {
  508.             // let arts = document.getElementsByTagName('article');
  509.             const footers = document.getElementsByTagName('footer');
  510.             for (const footer of footers) {
  511.                 if(footer.getElementsByClassName('download-button').length > 0) {
  512.                     // console.log('already added download button');
  513.                 } else {
  514.                     // console.log(footer.parentElement);
  515.                     if(footer.parentElement.tagName.toLowerCase() == 'article') {
  516.                         const article = footer.parentElement;
  517.                         const imgs = article.getElementsByTagName('img');
  518.                         let added = false;
  519.                         // console.log(imgs);
  520.                         if(imgs.length > 0) {
  521.                             let addFlag = false;
  522.                             for (const img of imgs) {
  523.                                 if(['woo-picture-img', 'picture_focusImg_1z5In', 'picture-viewer_pic_37YQ3'].includes(img.className)) {
  524.                                     addFlag = true;
  525.                                 }
  526.                             }
  527.                             if(addFlag == true) {
  528.                                 addDlBtn(footer);
  529.                                 added = true;
  530.                             }
  531.                         }
  532.                         let videos = article.getElementsByTagName('video');
  533.                         if(videos.length > 0 && added == false) {
  534.                             addDlBtn(footer);
  535.                         }
  536.                     }
  537.                 }
  538.             }
  539.         }
  540.         if (location.host == 's.weibo.com') {
  541.             // let cards = document.querySelectorAll('#pl_feedlist_index .card-wrap');
  542.             const footers = document.querySelectorAll('#pl_feedlist_index .card-act');
  543.             for (const footer of footers) {
  544.                 if(footer.getElementsByClassName('download-button').length > 0) {
  545.                     // console.log('already added download button');
  546.                 } else {
  547.                     // console.log(footer.parentElement);
  548.                     if(footer.parentElement.className == 'card' && footer.parentElement.parentElement.className == 'card-wrap') {
  549.                         const card = footer.parentElement;
  550.                         let added = false;
  551.                         const media_prev = card.querySelector('div[node-type="feed_list_media_prev"]');
  552.                         // console.log(media_prev);
  553.                         if (media_prev) {
  554.                             const imgs = media_prev.getElementsByTagName('img');
  555.                             // console.log(imgs);
  556.                             if(imgs.length > 0) {
  557.                                 sAddDlBtn(footer);
  558.                                 added = true;
  559.                             }
  560.                             const videos = card.getElementsByTagName('video');
  561.                             if(videos.length > 0 && added == false) {
  562.                                 sAddDlBtn(footer);
  563.                             }
  564.                         }
  565.                     }
  566.                 }
  567.             }
  568.         }
  569.     }
  570.  
  571.     let startButton = document.createElement('button');
  572.     startButton.textContent = text[0];
  573.     startButton.id = 'startButton';
  574.     startButton.style.position = 'fixed';
  575.     startButton.style.top = '14rem';
  576.     startButton.style.left = '1rem';
  577.     startButton.style.zIndex = 400;
  578.     startButton.style.backgroundColor = 'black';
  579.     startButton.style.color = 'lightgray';
  580.     startButton.style.paddingLeft = '1rem';
  581.     startButton.style.paddingRight = '1rem';
  582.     startButton.style.paddingTop = '0.5rem';
  583.     startButton.style.paddingBottom = '0.5rem';
  584.     startButton.style.fontWeight = 'bold';
  585.     startButton.style.borderWidth = '0.15rem';
  586.     startButton.style.borderColor = 'lightgray';
  587.     startButton.style.borderRadius = '0.4rem';
  588.     startButton.style.borderStyle = 'solid';
  589.     startButton.addEventListener('mouseover', function(event) {
  590.         startButton.style.backgroundColor = 'lightgray';
  591.         startButton.style.color = 'black';
  592.         startButton.style.borderColor = 'black';
  593.     });
  594.     startButton.addEventListener('mouseout', function(event) {
  595.         startButton.style.backgroundColor = 'black';
  596.         startButton.style.color = 'lightgray';
  597.         startButton.style.borderColor = 'lightgray';
  598.     });
  599.     startButton.addEventListener('mousedown', function(event) {
  600.         startButton.style.backgroundColor = 'gray';
  601.     });
  602.     startButton.addEventListener('mouseup', function(event) {
  603.         startButton.style.backgroundColor = 'lightgray';
  604.     });
  605.     startButton.addEventListener('click', bodyMouseOver);
  606.  
  607.     function addStartButton() {
  608.         document.body.appendChild(startButton);
  609.         document.body.removeEventListener('mouseover', bodyMouseOver)
  610.     }
  611.  
  612.     function addEventListener() {
  613.         document.body.addEventListener('mouseover', bodyMouseOver);
  614.         if(document.getElementById('startButton')) {
  615.             document.body.removeChild(startButton);
  616.         }
  617.     }
  618.  
  619.     let addDlBtnMode = GM_getValue('addDlBtnMode', 0);
  620.  
  621.     function showModal(event) {
  622.         // console.log(addDlBtnMode);
  623.         let bg = document.createElement('div');
  624.         bg.style.position = 'fixed';
  625.         bg.style.top = 0;
  626.         bg.style.left = 0;
  627.         bg.style.zIndex = 500;
  628.         bg.style.backgroundColor = 'black';
  629.         bg.style.opacity = 0.5;
  630.         let modal = document.createElement('div');
  631.         document.body.appendChild(bg);
  632.         modal.style.position = 'fixed';
  633.         modal.style.width = '25rem';
  634.         modal.style.height = 'auto';
  635.         modal.style.zIndex = 600;
  636.         modal.style.backgroundColor = 'white';
  637.         modal.style.borderStyle = 'solid';
  638.         modal.style.borderWidth = '0.2rem';
  639.         modal.style.borderRadius = '0.5rem';
  640.         modal.style.borderColor = 'black';
  641.         let titleBar = document.createElement('div');
  642.         titleBar.textContent = text[1];
  643.         titleBar.style.width = '100%';
  644.         titleBar.style.textAlign = 'center';
  645.         titleBar.style.backgroundColor = 'black';
  646.         titleBar.style.color = 'white';
  647.         titleBar.style.fontSize = '1rem';
  648.         titleBar.style.fontWeight = 'bold';
  649.         titleBar.style.paddingTop = '0.5rem';
  650.         titleBar.style.paddingBottom = '0.5rem';
  651.         titleBar.style.borderTopLeftRadius = '0.3rem';
  652.         titleBar.style.borderTopRightRadius = '0.3rem';
  653.         modal.appendChild(titleBar);
  654.         let question1 = document.createElement('p');
  655.         question1.textContent = text[2];
  656.         question1.style.paddingLeft = '2rem';
  657.         question1.style.paddingRight = '2rem';
  658.         question1.style.marginTop = '1rem';
  659.         question1.style.marginBottom = '1rem';
  660.         let chooseButton = document.createElement('input');
  661.         chooseButton.type = 'radio';
  662.         chooseButton.id = 'chooseButton';
  663.         chooseButton.name = 'chooseSetting';
  664.         chooseButton.value = 1;
  665.         chooseButton.style.marginTop = '0.5rem';
  666.         let labelForChooseButton = document.createElement('label');
  667.         labelForChooseButton.htmlFor = 'chooseButton';
  668.         labelForChooseButton.textContent = text[3];
  669.         let divForChooseButton = document.createElement('div');
  670.         divForChooseButton.appendChild(chooseButton);
  671.         divForChooseButton.appendChild(labelForChooseButton);
  672.         question1.appendChild(divForChooseButton);
  673.         let chooseEvent = document.createElement('input');
  674.         chooseEvent.type = 'radio';
  675.         chooseEvent.id = 'chooseEvent';
  676.         chooseEvent.name = 'chooseSetting';
  677.         chooseEvent.value = 2;
  678.         chooseEvent.style.marginTop = '0.5rem';
  679.         if (addDlBtnMode == 2) {
  680.             chooseEvent.checked = true;
  681.         } else {
  682.             chooseButton.checked = true;
  683.         }
  684.         let labelForChooseEvent = document.createElement('label');
  685.         labelForChooseEvent.htmlFor = 'chooseEvent';
  686.         labelForChooseEvent.textContent = text[4];
  687.         let divForChooseEvent = document.createElement('div');
  688.         divForChooseEvent.appendChild(chooseEvent);
  689.         divForChooseEvent.appendChild(labelForChooseEvent);
  690.         question1.appendChild(divForChooseEvent);
  691.         modal.appendChild(question1);
  692.         let question2 = document.createElement('p');
  693.         question2.style.paddingLeft = '2rem';
  694.         question2.style.paddingRight = '2rem';
  695.         question2.style.marginTop = '1rem';
  696.         question2.style.marginBottom = '1rem';
  697.         let labelFileName = document.createElement('label');
  698.         labelFileName.textContent = text[7];
  699.         labelFileName.setAttribute('for', 'dlFileName');
  700.         question2.appendChild(labelFileName);
  701.         let inputFileName = document.createElement('input');
  702.         inputFileName.type = 'text';
  703.         inputFileName.id = 'dlFileName';
  704.         inputFileName.name = 'dlFileName';
  705.         inputFileName.style.marginTop = '0.5rem';
  706.         inputFileName.style.width = 'calc(100% - 1rem)';
  707.         inputFileName.defaultValue = GM_getValue('dlFileName', '{original}.{ext}');
  708.         question2.appendChild(inputFileName);
  709.         let fileNameExplain = document.createElement('p');
  710.         fileNameExplain.textContent = text[8];
  711.         fileNameExplain.style.marginTop = '0.5rem';
  712.         fileNameExplain.style.whiteSpace = 'pre';
  713.         fileNameExplain.style.color = 'gray';
  714.         question2.appendChild(fileNameExplain);
  715.         modal.appendChild(question2);
  716.         let question3 = document.createElement('p');
  717.         question3.style.paddingLeft = '2rem';
  718.         question3.style.paddingRight = '2rem';
  719.         question3.style.marginTop = '1rem';
  720.         question3.style.marginBottom = '0';
  721.         let labelZipMode = document.createElement('label');
  722.         labelZipMode.setAttribute('for', 'zipMode');
  723.         labelZipMode.textContent = text[13];
  724.         labelZipMode.style.display = 'inline-block';
  725.         labelZipMode.style.paddingRight = '0.2rem';
  726.         question3.appendChild(labelZipMode);
  727.         let inputZipMode = document.createElement('input');
  728.         inputZipMode.type = 'checkbox';
  729.         inputZipMode.id = 'zipMode';
  730.         inputZipMode.checked = GM_getValue('zipMode', false);
  731.         question3.appendChild(inputZipMode);
  732.         let labelPackName = document.createElement('label');
  733.         labelPackName.textContent = text[14];
  734.         labelPackName.setAttribute('for', 'packFileName');
  735.         labelPackName.style.display = 'block';
  736.         labelPackName.style.marginTop = '0.5rem';
  737.         labelPackName.style.color = GM_getValue('zipMode', false) ? null : 'gray';
  738.         // labelPackName.style.display = GM_getValue('zipMode', false) ? 'block' : 'none';
  739.         question3.appendChild(labelPackName);
  740.         let inputPackName = document.createElement('input');
  741.         inputPackName.type = 'text';
  742.         inputPackName.id = 'packFileName';
  743.         inputPackName.name = 'packFileName';
  744.         inputPackName.style.marginTop = '0.5rem';
  745.         inputPackName.style.width = 'calc(100% - 1rem)';
  746.         inputPackName.defaultValue = GM_getValue('packFileName', '{mblogid}.zip');
  747.         // inputPackName.style.display = GM_getValue('zipMode', false) ? 'block' : 'none';
  748.         inputPackName.disabled = GM_getValue('zipMode', false) ? false : true;
  749.         question3.appendChild(inputPackName);
  750.         let filePackExplain = document.createElement('p');
  751.         filePackExplain.textContent = text[15];
  752.         filePackExplain.style.marginTop = '0.5rem';
  753.         filePackExplain.style.marginBottom = '0';
  754.         filePackExplain.style.color = 'gray';
  755.         // filePackExplain.style.display = GM_getValue('zipMode', false) ? 'block' : 'none';
  756.         inputZipMode.addEventListener('change', function(event) {
  757.             if (event.currentTarget.checked) {
  758.                 // labelPackName.style.display = 'block';
  759.                 // inputPackName.style.display = 'block';
  760.                 // filePackExplain.style.display = 'block';
  761.                 inputPackName.disabled = false;
  762.                 labelPackName.style.color = null;
  763.             } else {
  764.                 // labelPackName.style.display = 'none';
  765.                 // inputPackName.style.display = 'none';
  766.                 // filePackExplain.style.display = 'none';
  767.                 inputPackName.disabled = true;
  768.                 labelPackName.style.color = 'gray';
  769.             }
  770.         });
  771.         question3.appendChild(filePackExplain);
  772.         modal.appendChild(question3);
  773.         let okButton = document.createElement('button');
  774.         okButton.textContent = text[5];
  775.         okButton.style.paddingTop = '0.5rem';
  776.         okButton.style.paddingBottom = '0.5rem';
  777.         okButton.style.margin = '2rem';
  778.         okButton.style.backgroundColor = 'darkblue';
  779.         okButton.style.color = 'white';
  780.         okButton.style.fontSize = '1.5rem';
  781.         okButton.style.fontWeight = 'bold';
  782.         okButton.style.width = '21rem';
  783.         okButton.style.borderStyle = 'solid';
  784.         okButton.style.borderRadius = '0.5rem';
  785.         okButton.style.borderColor = 'black';
  786.         okButton.style.borderWidth = '0.2rem';
  787.         okButton.addEventListener('mouseover', function(event) {
  788.             okButton.style.backgroundColor = 'blue';
  789.         });
  790.         okButton.addEventListener('mouseout', function(event) {
  791.             okButton.style.backgroundColor = 'darkblue';
  792.         });
  793.         okButton.addEventListener('mousedown', function(event) {
  794.             okButton.style.backgroundColor = 'darkblue';
  795.         });
  796.         okButton.addEventListener('mouseover', function(event) {
  797.             okButton.style.backgroundColor = 'blue';
  798.         });
  799.         function resizeWindow(event) {
  800.             // console.log('resize');
  801.             bg.style.width = document.documentElement.clientWidth.toString() + 'px';
  802.             bg.style.height = document.documentElement.clientHeight.toString() + 'px';
  803.             modal.style.top = (( document.documentElement.clientHeight - modal.offsetHeight ) / 2).toString() + 'px';
  804.             modal.style.left = (( document.documentElement.clientWidth - modal.offsetWidth ) / 2).toString() + 'px';
  805.         }
  806.         okButton.addEventListener('click', function(event) {
  807.             if(document.getElementById('chooseButton').checked == true) {
  808.                 GM_setValue('addDlBtnMode', 1);
  809.                 addDlBtnMode = 1;
  810.                 addStartButton();
  811.             } else {
  812.                 GM_setValue('addDlBtnMode', 2);
  813.                 addDlBtnMode = 2;
  814.                 addEventListener();
  815.             }
  816.             GM_setValue('dlFileName', document.getElementById('dlFileName').value);
  817.             GM_setValue('zipMode', document.getElementById('zipMode').checked);
  818.             GM_setValue('packFileName', document.getElementById('packFileName').value);
  819.             document.body.removeChild(modal);
  820.             document.body.removeChild(bg);
  821.             window.removeEventListener('resize', resizeWindow);
  822.         });
  823.         modal.appendChild(okButton);
  824.         document.body.appendChild(modal);
  825.         bg.addEventListener('click', function(event) {
  826.             document.body.removeChild(modal);
  827.             document.body.removeChild(bg);
  828.             window.removeEventListener('resize', resizeWindow);
  829.         });
  830.         resizeWindow();
  831.         window.addEventListener('resize', resizeWindow);
  832.     }
  833.  
  834.     if(addDlBtnMode == 0) {
  835.         showModal();
  836.     } else if (addDlBtnMode == 1) {
  837.         addStartButton();
  838.     } else if (addDlBtnMode == 2) {
  839.         addEventListener();
  840.     }
  841.  
  842.     let settingButton = document.createElement('button');
  843.     settingButton.textContent = text[6];
  844.     settingButton.style.position = 'fixed';
  845.     settingButton.style.top = '4rem';
  846.     settingButton.style.left = '0rem';
  847.     settingButton.style.fontSize = '0.7rem';
  848.     settingButton.style.backgroundColor = 'gray';
  849.     settingButton.style.color = 'white';
  850.     settingButton.style.borderWidth = '0.2rem';
  851.     settingButton.style.borderStyle = 'solid';
  852.     settingButton.style.borderRadius = '0.5rem';
  853.     settingButton.style.borderColor = 'lightgrey';
  854.     settingButton.style.zIndex = 400;
  855.     settingButton.style.paddingLeft = '1rem';
  856.     settingButton.style.paddingRight = '1rem';
  857.     settingButton.style.paddingTop = '0.2rem';
  858.     settingButton.style.paddingBottom = '0.2rem';
  859.     settingButton.addEventListener('mouseover', function(event) {
  860.         settingButton.style.backgroundColor = 'darkgray';
  861.         settingButton.style.color = 'black';
  862.     });
  863.     settingButton.addEventListener('mouseout', function(event) {
  864.         settingButton.style.backgroundColor = 'gray';
  865.         settingButton.style.color = 'white';
  866.     });
  867.     settingButton.addEventListener('mousedown', function(event) {
  868.         settingButton.style.backgroundColor = 'gray';
  869.         settingButton.style.color = 'white';
  870.     });
  871.     settingButton.addEventListener('mouseup', function(event) {
  872.         settingButton.style.backgroundColor = 'darkgray';
  873.         settingButton.style.color = 'black';
  874.     });
  875.     settingButton.addEventListener('click', showModal);
  876.     document.body.appendChild(settingButton);
  877. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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