// ==UserScript== // @name Pixiv Plus // @name:zh-CN Pixiv 增强 // @name:zh-TW Pixiv 增強 // @namespace https://github.com/Ahaochan/Tampermonkey // @version 0.3.5 // @icon http://www.pixiv.net/favicon.ico // @description Focus on immersive experience, 1. Block ads, directly access popular images 2. Search using users to search for 3. Search pid and uid 4. Download original image | gif map | gif frame zip | multi-image zip 5. Display artist id , Artist background Figure 6. Automatic loading comments 7. Dynamically mark the work type 8. Remove the redirect github: https://github.com/Ahaochan/Tampermonkey, welcome star and fork. // @description:zh-CN 专注沉浸式体验, 1. 屏蔽广告, 直接访问热门图片 2. 使用users入り的方式进行搜索 3. 搜索pid和uid 4. 下载原图|gif图|gif帧zip|多图zip 5. 显示画师id、画师背景图 6. 自动加载评论 7. 对动态标记作品类型 8. 去除重定向 github:https://github.com/Ahaochan/Tampermonkey，欢迎star和fork。 // @description:zh-TW 專注沉浸式體驗, 1. 屏蔽廣告, 直接訪問熱門圖片2. 使用users入り的方式進行搜索3. 搜索pid和uid 4. 下載原圖|gif圖|gif幀zip|多圖zip 5. 顯示畫師id 、畫師背景圖6. 自動加載評論7. 對動態標記作品類型8. 去除重定向github:https://github.com/Ahaochan/Tampermonkey，歡迎star和fork。 // @author Ahaochan // @include http*://www.pixiv.net* // @match http://www.pixiv.net/ // @connect i.pximg.net // @license GPL-3.0 // @supportURL https://github.com/Ahaochan/Tampermonkey // @grant unsafeWindow // @grant GM.xmlHttpRequest // @grant GM.setClipboard // @require https://code.jquery.com/jquery-2.2.4.min.js // @require https://cdn.bootcss.com/jszip/3.1.4/jszip.min.js // @require https://cdn.bootcss.com/FileSaver.js/1.3.2/FileSaver.min.js // @require https://greasyfork.org/scripts/2963-gif-js/code/gifjs.js?version=8596 // @run-at document-end // @noframes // @downloadURL none // ==/UserScript== jQuery(function ($) { 'use strict'; // 加载依赖 // ============================ 全局参数 ==================================== let lang = document.documentElement.getAttribute('lang') || 'en', globalInitData = unsafeWindow.globalInitData, illustJson = {}; let illust = function () { // 1. 判断是否已有作品id(兼容按左右方向键翻页的情况) let preIllustId = $('body').attr('ahao_illust_id'); let urlIllustId = new URL(location.href).searchParams.get("illust_id"); // 2. 如果illust_id没变, 则不更新json if (parseInt(preIllustId) === parseInt(urlIllustId)) { return illustJson; } // 3. 如果illust_id变化, 则持久化illust_id, 且同步更新json $('body').attr('ahao_illust_id', urlIllustId); $.ajax({url: '/ajax/illust/' + urlIllustId, dataType: 'json', async: false, success: response => illustJson = response.body}); return illustJson; }; let uid = illust().userId || (pixiv && pixiv.context.userId) || (globalInitData && Object.keys(globalInitData.preload.user)[0]) || 'unknown'; let mimeType = suffix => { let lib = {png: "image/png", jpg: "image/jpeg", gif: "image/gif"}; return lib[suffix] || 'mimeType[' + suffix + '] not found'; }; let executeMutationObserver = function (option) { var options = $.extend({ type: 'childList', attributeName: [], isValid: () => false, execute: addedNodes => {} }, option); // 2.1. MutationObserver 处理 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; var mutationObserver = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (options.type !== mutation.type) { return; } if (options.type === 'attributes' && options.attributeName && options.attributeName.indexOf(mutation.attributeName) < 0) { return; } if (mutation.target && typeof mutation.target !== 'object') { return; } var $parent = $(mutation.target).parent(); if (!options.isValid($parent)) { return; } options.execute($parent); }); }); mutationObserver.observe(document.getElementsByTagName('body')[0], { childList: true, subtree: true, attributes: true }); // 2.2. 定时处理, 避免 MutationObserver 来不及加载的情况, 10秒后交由 MutationObserver 接管 var intervalId = setInterval(function () { var $body = $('body'); if (!options.isValid($body)) { return; } options.execute($body); }, 1000); setTimeout(function () { window.clearInterval(intervalId); }, 10000); }; let isLogin = function () { let status = 0; $.ajax({url: 'https://www.pixiv.net/setting_user.php', async: false}) .done((data, statusText, xhr)=>status=xhr.status); return status === 200; }; // ============================ i18n 国际化 =============================== let i18nLib = { ja: { favorites: 'users入り', }, en: { favorites: 'favorites', illegal: 'illegal', download: 'download', download_wait: 'please wait download completed', copy_to_clipboard: 'copy to Clipboard', background: 'background', background_not_found: 'no-background', loginWarning: 'Pixiv Plus Script Warning! Please login to Pixiv for a better experience! Failure to login may result in unpredictable bugs!', illust_type_single: '[single pic]', illust_type_multiple: '[multiple pic]', illust_type_gif: '[gif pic]', }, ko: {}, zh: { favorites: '收藏人数', illegal: '不合法', download: '下载', download_wait: '请等待下载完成', copy_to_clipboard: '已复制到剪贴板', background: '背景图', background_not_found: '无背景图', loginWarning: 'Pixiv增强 脚本警告! 请登录Pixiv获得更好的体验! 未登录可能产生不可预料的bug!', illust_type_single: '[单图]', illust_type_multiple: '[多图]', illust_type_gif: '[gif图]', }, 'zh-CN': {}, 'zh-tw': { favorites: '收藏人數', illegal: '不合法', download: '下載', download_wait: '請等待下載完成', copy_to_clipboard: '已復製到剪貼板', background: '背景圖', background_not_found: '無背景圖', loginWarning: 'Pixiv增強 腳本警告! 請登錄Pixiv獲得更好的體驗! 未登錄可能產生不可預料的bug!', illust_type_single: '[單圖]', illust_type_multiple: '[多圖]', illust_type_gif: '[gif圖]', } }; i18nLib['zh-CN'] = $.extend({}, i18nLib.zh); // TODO 待翻译 i18nLib.ja = $.extend({}, i18nLib.en, i18nLib.ja); i18nLib.ko = $.extend({}, i18nLib.en, i18nLib.ko); let i18n = key => i18nLib[lang][key] || 'i18n[' + lang + '][' + key + '] not found'; // ============================ url 页面判断 ============================== let isArtworkPage = /.+member_illust\.php\?.*illust_id=\d+.*/.test(location.href); let isMemberIndexPage = /.+member.php.*id=\d+.*/.test(location.href); let isMemberIllustPage = /.+\/member_illust\.php\?id=\d+/.test(location.href); let isMemberBookmarkPage = /.+\/bookmark\.php\?id=\d+/.test(location.href); let isMemberFriendPage = /.+\/mypixiv_all\.php\?id=\d+/.test(location.href); let isMemberDynamicPage = /.+\/stacc.+/.test(location.href); let isMemberPage = isMemberIndexPage || isMemberIllustPage || isMemberBookmarkPage || isMemberFriendPage || isMemberDynamicPage; // ============================ 反混淆 ==================================== let unique = function(array) { let seen = {}, out = [], len = array.length, j = 0; for(let i = 0; i < len; i++) { let item = array[i]; if(seen[item] !== 1) { seen[item] = 1; out[j++] = item; } } return out; }; let classLib = { userIcon: ['_2lyPnMP'], rightColumn: ['_2e0p8Qb'] }; setInterval(function () { let webpackJsonp = unsafeWindow.webpackJsonp; // 1. 格式化 webpackJsonp 变量, 取出反混淆所需的变量 let filter = webpackJsonp.map(value => value[1]).filter(value => value && !Array.isArray(value) && typeof value === 'object'); $.each(filter, (index, obj) => { for (let key in obj) { if (!obj.hasOwnProperty(key)) { continue; } let tmp = {}; // 2. 尝试导出反混淆变量到tmp try { obj[key](tmp); } catch(err) { continue; } // 3. 存在一个变量对应多个反混淆值的情况, 用数组存入 if(tmp.hasOwnProperty('exports')) { $.each(tmp.exports, function (k, v) { classLib[k] = classLib[k] || []; try { classLib[k].push(v); } catch(err) { return; } classLib[k] = unique(classLib[k]); // 去重 }); } } }); }, 1000); let clazz = function (option) { let options = $.extend({key: '', dot: true, tag: '', join: undefined,}, option); let classItem = classLib[options.key] || []; if(options.dot) { classItem = classItem.map((v)=>'.'+v); // 是否加上点, 用于类选择器 } classItem = classItem.map((v)=>options.tag+v); // 加上 tag 名, 用于限制标签的选择器 if(!!options.join) { classItem = classItem.join(options.join); // 转化为字符串 } return classItem; }; // 判断是否登录 if (!isLogin()) { alert(i18n('loginWarning')); } // 1. 屏蔽广告, 隐藏搜索页的热门图片遮罩层, 直接访问热门图片 (function () { // 1. 删除静态添加的广告 $('._premium-lead-tag-search-bar').hide(); $('.popular-introduction-overlay').hide();// 移除热门图片遮罩层 // 2. 删除动态添加的广告 executeMutationObserver({ type: 'childList', isValid: () => true, execute: function ($parent) { // 2.1. 隐藏广告 (function () { let adSelector = ['iframe', '._premium-lead-promotion-banner']; adSelector = adSelector.concat(clazz({key: 'alertContainer'})); adSelector = adSelector.concat(clazz({key: 'adContainer'})); let $ad = $parent.find(adSelector.join(',')); if (!$ad.length) { return; } $ad.hide(); })(); // 2.2. 移除class (function () { var $figure = $parent.find('figure'); if (!$figure.length) { return false; } var $class = $parent.find(clazz({key: 'blur', join: ','})); if (!$class.length) { return; } $class.removeClass(clazz({key: 'blur', dot: false, join: ' '})); })(); } }); })(); // 2. 使用users入り的方式进行搜索, 优先显示高质量作品 (function () { var label = i18n('favorites'); // users入り // 1. 初始化通用页面UI (function () { if (isArtworkPage) { return; } console.log("初始化通用页面 按收藏数搜索"); var icon = $('._discovery-icon').attr('src'); $('.navigation-menu-right').append( '
' + ' ' + ' ' + ' ' + label + '：' + ' ' + ' ' + '
'); })(); // 2. 初始化作品页面UI (function () { if (!isArtworkPage) { return; } console.log("初始化作品页面 按收藏数搜索"); executeMutationObserver({ type: 'childList', isValid: function ($parent) { // 1. 判断是否添加完毕 if (!!$parent.find('#select-ahao-favorites').length) { return false; } // 2. 判断[发现]节点是否加入dom var $discovery = $parent.find('a[href="/discovery"]'); if (!$discovery.length) { return false; } return true; }, execute: function ($parent) { var $discovery = $parent.find('a[href="/discovery"]'); // 3. clone [发现]节点, 移除href属性, 避免死循环 var $tabGroup = $discovery.closest('div'); var $tab = $discovery.closest('ul').clone(); $tab.find('a[href="/discovery"]').attr('href', 'javascript:void(0)'); // 4. 加入dom中 $tabGroup.prepend($tab); $tab.find('a').contents().last()[0].textContent = label; $tab.find('a').after('' + ''); } }); })(); // 3. 如果已经有搜索字符串, 就在改变选项时直接搜索 $('body').on('change', '#select-ahao-favorites', function () { if (!!$('input[name="word"]').val()) { $('form[action="/search.php"]').submit(); } }); // 4. 在提交搜索前处理搜索关键字 $('form[action="/search.php"]').submit(function () { var $text = $(this).find('input[name="word"]'); var $favorites = $('#select-ahao-favorites'); // 3.1. 去除旧的搜索选项 $text.val((index, val) => val.replace(/\d*users入り/g, '')); // 3.2. 去除多余空格 $text.val((index, val) => val.replace(/\s\s+/g, ' ')); // 3.3. 添加新的搜索选项 $text.val((index, val) => val + ' ' + $favorites.val()); }); })(); // 3. 追加搜索pid和uid功能 (function () { if (isArtworkPage) { return; } console.log("初始化通用页面 搜索UID和PID"); var initSearch = function (option) { var options = $.extend({right: '0px', placeholder: '', url: ''}, option); // 1. 初始化表单UI var $form = $('
' + '
' + ' ' + '
' + '' + '
'); var $div = $('
').css('position', 'absolute') .css('bottom', '44px') .css('height', '30px') .css('right', options.right); $div.append($form); $('#suggest-container').before($div); // 2. 绑定submit事件 $form.submit(function (e) { e.preventDefault(); var $input = $(this).find('.ahao-input'); var id = $input.val(); // 2.1. ID 必须为纯数字 if (!/^[0-9]+$/.test(id)) { var label = options.placeholder + i18n('illegal'); alert(label); return; } // 2.2. 新窗口打开url var url = option.url + id; window.open(url); // 2.3. 清空input等待下次输入 $input.val(''); }); }; // 1. UID搜索 initSearch({right: '235px', placeholder: 'UID', url: 'https://www.pixiv.net/member.php?id='}); // 2. PID搜索 initSearch({right: '345px', placeholder: 'PID', url: 'https://www.pixiv.net/member_illust.php?mode=medium&illust_id='}); })(); // 初始化通用页面UI (function () { if (!isArtworkPage) { return; } console.log("初始化作品页面 搜索UID和PID"); executeMutationObserver({ type: 'childList', isValid: function ($parent) { // 1. 判断是否添加完毕 if (!!$parent.find('.ahao-search').length) { return false; } // 2. 判断 form 节点是否加入dom var $form = $parent.find('form[action="/search.php"]'); if (!$form.length) { return false; } return true; }, execute: function ($parent) { var $form = $parent.find('form[action="/search.php"]'); // 3. 使用flex布局包裹 var $flexBox = $('
').css('display', 'flex'); $form.wrap($flexBox); $flexBox = $form.closest('div'); var initSearch = function (option) { var options = $.extend({ placeholder: '', url: '' }, option); // 4. clone form表单 var $cloneForm = $form.clone(); $cloneForm.attr('action', '').addClass('ahao-search').css('margin-right', '15px').css('width', '126px'); $cloneForm.find('input[name="s_mode"]').remove(); // 只保留一个input $cloneForm.find('input:first').attr('placeholder', options.placeholder).attr('name', options.placeholder).css('width', '64px'); $flexBox.prepend($cloneForm); // 5. 绑定submit事件 $cloneForm.submit(function (e) { e.preventDefault(); var $input = $(this).find('input[name="' + options.placeholder + '"]'); var id = $input.val(); // ID 必须为纯数字 if (!/^[0-9]+$/.test(id)) { var label = options.placeholder + i18n('illegal'); alert(label); return; } // 新窗口打开url var url = option.url + id; window.open(url); // 清空input等待下次输入 $input.val(''); }); }; // 1. UID搜索 initSearch({placeholder: 'UID', url: 'https://www.pixiv.net/member.php?id='}); // 2. PID搜索 initSearch({ placeholder: 'PID', url: 'https://www.pixiv.net/member_illust.php?mode=medium&illust_id=' }); } }); })(); // 初始化作品页面UI // 4. 单张图片替换为原图格式. 追加下载按钮, 下载gif图、gif的帧压缩包、多图 (function () { if (!isArtworkPage) { return; } // 1. 初始化 下载按钮, 复制分享按钮并旋转180度 let initDownloadBtn = function (option) { let options = $.extend({$parent: undefined, id: '', text: '', clickFun: ()=>{}}, option); let $shareButtonContainer = options.$parent.find(clazz({key: 'shareButtonContainer', join: ','})); let $downloadButtonContainer = $shareButtonContainer.clone(); $downloadButtonContainer.addClass('ahao-download-btn') .attr('id', options.id) .removeClass(clazz({key:'shareButtonContainer', dot: false, join: ' '})) .css('margin-right', '10px') .css('position', 'relative') .append('

'+options.text+'

'); $downloadButtonContainer.find('button').css('transform', 'rotate(180deg)') .on('click', options.clickFun); $shareButtonContainer.after($downloadButtonContainer); }; executeMutationObserver({ type: 'attributes', attributeName: ['src', 'srcset'], isValid: function ($parent) { // 1. 判断 执行完毕 let $img = $parent.find(clazz({key: 'illust', tag: 'img', join: ','})); let isImgExist = !!$img.length; let isImgSrcOriginal = /.+original.+/.test($img.attr('src')); let isImgSrcsetEmpty = $img.attr('srcset'); if (!isImgExist || (isImgSrcOriginal && !isImgSrcsetEmpty)) { return false; } return true; }, execute: function ($parent) { // 1. 单图、多图、gif图三种模式 let moreMode = !!$(clazz({key: 'mangaViewLink', tag: 'a', join: ','})).length; let gifMode = !!$(clazz({key: 'play', tag: 'button', join: ','})).length; let singleMode = !moreMode && !gifMode; if (!singleMode) { return; } console.log('下载单图'); // 2. 替换大图 let $img = $parent.find(clazz({key: 'illust', tag: 'img', join: ','})); let url = illust().urls.original; $img.attr('src', url).attr('srcset', ''); } }); // 显示单图原图 executeMutationObserver({ type: 'childList', isValid: function ($parent) { // 1. 判断 figure 节点是否加入dom var $figure = $parent.find('figure'); if (!$figure.length) { return false; } // 2. 判断 执行完毕 var $sharBtn = $parent.find(clazz({key: 'shareButtonContainer', join: ','})); if (!$sharBtn.length || !!$parent.find('.ahao-download-btn').length) { return false; } return true; }, execute: function ($parent) { // 1. 单图、多图、gif图三种模式 let moreMode = !!$(clazz({key: 'mangaViewLink', tag: 'a', join: ','})).length; let gifMode = !!$(clazz({key: 'play', tag: 'button', join: ','})).length; var singleMode = !moreMode && !gifMode; if (!gifMode) { return; } console.log('下载gif图'); // 2. 从 pixiv 官方 api 获取 gif 的数据, 要求 async:false, 否则页面混乱 $.ajax({url: '/ajax/illust/' + illust().illustId + '/ugoira_meta', dataType: 'json', async: false, success: response => { // 2.1. 初始化 zip 下载按钮 initDownloadBtn({ $parent: $parent, id: 'ahao-download-zip', text: 'zip', clickFun: () => window.open(response.body.originalSrc) }); // 2.2. 初始化 gif 下载按钮 // GIF_worker_URL 来自 https://greasyfork.org/scripts/2963-gif-js/code/gifjs.js?version=8596 let gifUrl; let gif = new GIF({workers: 2, quality: 10, workerScript: GIF_worker_URL}); let gifFrames = []; $.each(response.body.frames, function (index, frame) { let url = illust().urls.original.replace('ugoira0.', 'ugoira'+index+'.'); GM.xmlHttpRequest({ method: 'GET', url: url, headers: {referer: 'https://www.pixiv.net/'}, overrideMimeType: 'text/plain; charset=x-user-defined', onload: function (xhr) { // 2.1. 转为blob类型 let r = xhr.responseText, data = new Uint8Array(r.length), i = 0; while (i < r.length) { data[i] = r.charCodeAt(i); i++; } let suffix = url.split('.').splice(-1); let blob = new Blob([data], {type: mimeType(suffix)}); // 2.2. 压入gifFrames数组中, 手动同步sync let img = document.createElement('img'); img.src = URL.createObjectURL(blob); img.width = illust().width; img.height = illust().height; gifFrames[index] = {frame: img, option: {delay: frame.delay}}; let loadFramesLength = Object.keys(gifFrames).length; // 2.3. 若xhr执行完毕, 则加载gif if(loadFramesLength >= response.body.frames.length){ $.each(gifFrames, function (index, frame) { gif.addFrame(frame.frame, frame.option); }); gif.render(); } } }); }); gif.on('progress', function (pct) { $('#ahao-download-gif').find('p').text('gif '+parseInt(pct*100)+'%'); }); gif.on('finished', function(blob) { gifUrl = URL.createObjectURL(blob); let $a = $('') .attr('href', gifUrl) .attr('download', illust().illustId+'.gif'); $('#ahao-download-gif').find('button').wrap($a); }); initDownloadBtn({ $parent: $parent, id: 'ahao-download-gif', text: 'gif 0%', clickFun: function () { if (!gifUrl) { alert('Gif未加载完毕, 请稍等片刻!'); return; } // Adblock 禁止直接打开 blob url, https://github.com/jnordberg/gif.js/issues/71#issuecomment-367260284 // window.open(gifUrl); } }); } }); } }); // 下载动图帧zip, gif图 executeMutationObserver({ type: 'childList', isValid: function ($parent) { // 1. 判断 figure 节点是否加入dom let $figure = $parent.find('figure'); if (!$figure.length) { return false; } // 2. 判断 执行完毕 let $sharBtn = $parent.find(clazz({key: 'shareButtonContainer', join: ','})); if (!$sharBtn.length || !!$parent.find('.ahao-download-btn').length) { return false; } return true; }, execute: function ($parent) { // 1. 单图、多图、gif图三种模式 let moreMode = !!$(clazz({key: 'mangaViewLink', tag: 'a', join: ','})).length; let gifMode = !!$(clazz({key: 'play', tag: 'button', join: ','})).length; var singleMode = !moreMode && !gifMode; if (!moreMode) { return; } console.log('下载多图'); // 2. 初始化 图片数量, 图片url let zip = new JSZip(); let downloaded = 0; // 下载完成数量 let num = illust().pageCount; // 下载目标数量 let url = illust().urls.original; let imgUrls = Array(parseInt(num)).fill() .map((value, index) => url.replace(/_p\d\./, '_p' + index + '.')); // 3. 初始化 下载按钮, 复制分享按钮并旋转180度 initDownloadBtn({ $parent: $parent, id: 'ahao-download-gif', text: i18n('download') + '0/' + num, clickFun: function () { // 3.1. 手动sync, 避免下载不完全 if (downloaded < num) { alert(i18n('download_wait')); return; } // 3.2. 使用jszip.js和FileSaver.js压缩并下载图片 zip.generateAsync({type: 'blob', base64: true}) .then(content => saveAs(content, illust().illustId + '.zip')); } }); // 4. 下载图片, https://wiki.greasespot.net/GM.xmlHttpRequest $.each(imgUrls, function (index, url) { GM.xmlHttpRequest({ method: 'GET', url: url, headers: {referer: 'https://www.pixiv.net/'}, overrideMimeType: 'text/plain; charset=x-user-defined', onload: function (xhr) { // 4.1. 转为blob类型 let r = xhr.responseText, data = new Uint8Array(r.length), i = 0; while (i < r.length) { data[i] = r.charCodeAt(i); i++; } let suffix = url.split('.').splice(-1); let blob = new Blob([data], {type: mimeType(suffix)}); // 4.2. 压缩图片 zip.file(illust().illustId + '_' + index + '.' + suffix, blob, {binary: true}); // 4.3. 手动sync, 避免下载不完全的情况 downloaded++; $('.ahao-download-btn').find('p').html(i18n('download') + '' + downloaded + '/' + num); } }); }); } }); // 下载多图zip $('#main').find('.manga img').each(function () { let $this = $(this); let index = $this.attr('data-index'); let a = illust(); let url = illust().urls.original.replace(/_p\d\./, '_p' + index + '.'); $this.attr('src', url).attr('data-src', url).css('width', '').css('height', ''); }); // 显示多图原图 })(); // 5. 在画师页面和作品页面显示画师id、画师背景图, 用户头像允许右键保存 (function () { if (!isMemberPage) { return; } // 1. 获取用户名的元素 var $username = $('a.user-name'); // 2. 显示画师背景图 var url = $('body').css('background-image').replace('url(', '').replace(')', '').replace(/"/gi, ""); var $div = $('
'); if (!!url && url !== 'none') { $div.append('' + '' + i18n('background') + ''); } else { $div.append('' + i18n('background_not_found') + ''); } $username.after($div); // 3. 显示画师id, 点击自动复制到剪贴板 var $uid = $('UID: ' + uid + '') .on('click', function () { var $this = $(this); $this.text('UID' + i18n('copy_to_clipboard')); GM.setClipboard(uid); setTimeout(function () { $this.text('UID: ' + uid); }, 2000); }); $username.after($uid); })(); // 画师页面UI (function () { if (!isArtworkPage) { return; } executeMutationObserver({ type: 'childList', isValid: function ($parent) { // 1. 判断 rightColumn 节点是否加入dom let $rightColumn = $parent.find(clazz({key: 'rightColumn', join: ','})); if (!$rightColumn.length) { return false; } // 2. 判断 执行完毕 let $uid = $parent.find('#ahao-uid'); if (!!$uid.length) { return false; } return true; }, execute: function ($parent) { console.log("显示画师id和背景图"); let $rightColumn = $parent.find(clazz({key: 'rightColumn', join: ','})); let $userIcon = $rightColumn.find(clazz({key: 'userIcon', tag: 'a', join: ','})); let $row = $userIcon.closest('div'); let $firstDiv = $row.find('div:first'); // 1. 显示画师背景图 var background = globalInitData.preload.user[uid].background; var url = (background && background.url) || ''; var $bgDiv = $row.clone().attr('id', 'ahao-background'); $bgDiv.children('a').remove(); $bgDiv.prepend(''); $bgDiv.find('div a').attr('href', !!url ? url : 'javascript:void(0)').attr('target', '_blank') .text(!!url ? i18n('background') : i18n('background_not_found')); $row.after($bgDiv); // 2. 显示画师id, 点击自动复制到剪贴板 let $uid = $firstDiv.clone(); $uid.find('a').attr('href', 'javascript:void(0)').attr('id', 'ahao-uid').text('UID: ' + uid); $uid.on('click', function () { var $this = $(this); $this.find('a').text('UID' + i18n('copy_to_clipboard')); GM.setClipboard(uid); setTimeout(function () { $this.find('a').text('UID: ' + uid); }, 2000); }); $row.append($uid); } }); })(); // 作品页面UI (function () { if(!isArtworkPage) { return; } executeMutationObserver({ type: 'childList', isValid: function ($parent) { // 1. 判断 用户icon 节点是否加入dom let $userIcon = $parent.find(clazz({key: 'userIcon', join: ','})); if (!$userIcon.length) { return false; } // 2. 判断 执行完毕 let $userImg = $parent.find('img.ahao-user-img'); if (!!$userImg.length) { return false; } return true; }, execute: function ($parent) { let $userIcon = $parent.find(clazz({key: 'userIcon', join: ','})); $userIcon.each(function () { let $this = $(this); let tagName = $this.prop('tagName'); let imgUrl = $this.css('background-image').replace('url(','').replace(')','').replace(/\"/gi, ""); let $userImg = $('').attr('src', imgUrl); $userImg.css('width', $this.css('width')) .css('height', $this.css('height')); if(tagName.toLowerCase() === 'a') { $this.append($userImg); $this.css('background-image', ''); return; } if(tagName.toLowerCase() === 'div') { $userImg.attr('class', $this.attr('class')); $userImg.html($this.html()); $this.replaceWith(()=>$userImg); return; } }); } }); })(); // 解除 用户头像 的background 限制, 方便保存用户头像 // 6. 自动加载评论 (function () { if (!isArtworkPage) { return; } executeMutationObserver({ type: 'childList', isValid: function ($parent) { // 1. 判断 查看更多评论 节点是否加入dom let $showMoreButton = $parent.find(clazz({key: 'showMoreButton', join: ','})); if (!$showMoreButton.length) { return false; } return true; }, execute: function ($parent) { $parent.find(clazz({key: 'showMoreButton', join: ','})).click(); } }); })(); // 7. 对画师页动态中的图片标记作品类型 (function () { if(!isMemberDynamicPage) { return; } executeMutationObserver({ type: 'childList', isValid: function ($parent) { // 1. 判断 figure 节点是否加入dom let $title = $parent.find('.stacc_ref_illust_title'); if (!$title.length) { return false; } return true; }, execute: function ($parent) { $parent.find('.stacc_ref_illust_title').each(function () { let $a = $(this).find('a'); // 1. 已经添加过标记的就不再添加 if(!!$a.attr('ahao-illust-id')){ return; } // 2. 获取pid, 设置标记避免二次生成 let illustId = new URL(location.origin + '/' + $a.attr('href')).searchParams.get('illust_id'); $a.attr('ahao-illust-id', illustId); // 3. 调用官方api, 判断作品类型 $.ajax({ url: '/ajax/illust/' + illustId, dataType: 'json', success: response => { let illustType = parseInt(response.body.illustType); let isMultiPic = parseInt(response.body.pageCount) > 1; switch (illustType) { case 0: case 1:$a.after('

' + (isMultiPic ? i18n('illust_type_multiple') : i18n('illust_type_single')) + '

');break; case 2:$a.after('

'+i18n('illust_type_gif')+'

');break; } } }); }) } }); })(); // 8. 对jump.php取消重定向 $('a[href*="jump.php"]').each(function () { let $this = $(this); let href = $this.attr('href').replace(/\/?jump.php\?/, ''); $this.attr('href', decodeURIComponent(href)); }); });