// ==UserScript== // @name BeautyToMac // @namespace http://tampermonkey.net/ // @version 0.1.8rc1 // @icon data:image/png;base64,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 // @description 给你的百度和360搜索一个类似Mac/Gnome的浏览体验 // @author CloundMark // @match *://www.baidu.com/* // @match *://baidu.com/* // @match *://www.so.com/* // @match *://so.com/* // @license GPLv3 // @run-at document-start // @grant GM_xmlhttpRequest // @grant GM.xmlHttpRequest // @grant GM_registerMenuCommand // @grant GM_setValue // @grant GM_getValue // @connect * // @downloadURL https://update.greasyfork.icu/scripts/453319/BeautyToMac.user.js // @updateURL https://update.greasyfork.icu/scripts/453319/BeautyToMac.meta.js // ==/UserScript== (function () { /* 全局配置项 start*/ const userGlobalConfigs = { // 网站开关 true启用，false关闭; baidu: true, sou360: true, // 调试模式开关 isDebug: false, // 0、全局背景; bg代表背景图像，你可以从网络上引用自己喜欢的，used 为true表示启用当前分类或具体的图像，false弃用; // 内部的name建议您始终加上（但也不是必须）,主要是便于哪天不需要的时候可以快速定位; // 对于本地图像，可以上传到免费的在线图床之后再获取链接加入，比如 https://imgse.com/ // 请仿照示例添加背景 bg: { used: true, sources: { 'cartoon': { used: true, sources: [ { used: true, name: '粉红猫', url: 'https://i0.hdslb.com/bfs/article/f45de07102e3fe83331d68dd455336ab0b2a08b3.png@942w_566h_progressive.png' }, { used: true, name: '可爱猫', url: 'https://i0.hdslb.com/bfs/article/dec6e7a1969748f2b4462c688367d772798d4134.png@942w_668h_progressive.png' }, { used: true, name: '两仪式', url: 'https://i0.hdslb.com/bfs/article/c7cb8fecdd0cd7d34e89319c4b9eeb4ab543cfd0.jpg@1320w_740h.jpg' }, { used: true, name: '远坂凛', url: 'https://img9.51tietu.net/pic/2019-091402/jr354qpj03ujr354qpj03u.jpg' }, { used: true, name: '红猫', url: 'https://mms0.baidu.com/it/u=2246948513,3190507093&fm=253&app=138&f=JPEG&fmt=auto&q=75?w=800&h=500' }, //不清晰{ used: true, name: '红猫', url: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F011e9ec28bb2ef90550a090d2121296ee2cfe88233f56-lV1t8X_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661358344&t=a4aeb02bf2d960bed1a219c17de13543' }, { used: true, name: '蓝狗', url: 'https://i0.hdslb.com/bfs/article/78c032adb6df5717fc4ae465982a9d2096984223.jpg@942w_531h_progressive.jpg' }, { used: true, name: '两仪式2', url: 'https://img2.baidu.com/it/u=4177750439,794883634&fm=253&fmt=auto&app=138&f=JPEG?w=935&h=500' }, { used: true, name: 'saber', url: 'https://i0.hdslb.com/bfs/article/49c217c9ec1e9cd707a228a509df0e7d57e0dd6e.jpg@1320w_740h.jpg' }, { used: true, name: '雅尔贝德', url: 'https://i0.hdslb.com/bfs/article/38f4427201389a1fe54c12d9a62ca57681e06b3a.jpg@1320w_740h.webp' }, { used: true, name: 'saber2', url: 'https://i0.hdslb.com/bfs/article/0fa36a51ebd26d1d2a5621385910d9b35cdc681a.jpg@942w_590h_progressive.jpg' }, { used: true, name: '雅尔贝德2', url: 'https://i0.hdslb.com/bfs/article/e7cfb2d9768b707f16685a83d7126db4787042b2.jpg@942w_668h_progressive.webp' }, { used: true, name: '白猫', url: 'https://i0.hdslb.com/bfs/article/64f062d70fdba96b39dd346ab9d33dc5bf77c17f.jpg@942w_498h_progressive.webp' }, { used: true, name: '贞子', url: 'https://i0.hdslb.com/bfs/article/87f6a5c7b25307c4cc7bd86acca8ed51dec25dcc.jpg@942w_666h_progressive.webp' }, { used: true, name: '大鱼', url: 'https://i0.hdslb.com/bfs/article/73b003ea1c04fb3d1ed736773b3f752a8f3acfc5.jpg@942w_596h_progressive.webp' }, { used: true, name: '空蓝', url: 'https://i0.hdslb.com/bfs/article/86bed00f68bbff662e202aa91215336bb3dd251e.jpg@942w_587h_progressive.webp' }, { used: true, name: '樱', url: 'https://i0.hdslb.com/bfs/article/fa372e5e0a70b630b5b7eb9b4a0d1125a83535ce.png' }, { used: true, name: '薇尔莉特', url: 'https://i0.hdslb.com/bfs/article/59af6572e5ea374e434a0d0cbb78c5a83e159939.jpg@942w_531h_progressive.webp' }, { used: true, name: '紫', url: 'https://img1.baidu.com/it/u=2725650397,3822860203&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800' }, { used: true, name: '伊莉雅', url: 'https://i0.hdslb.com/bfs/article/59b79113f3a8be33ae75009c862a4bb47fc6d87a.jpg@942w_531h_progressive.webp' }, { used: true, name: '薇尔莉特2', url: 'https://i0.hdslb.com/bfs/article/0a5f6397857f8f840e9c4bb6a7b52b9623aefcd7.jpg@942w_590h_progressive.webp' }, { used: true, name: '薇尔莉特3', url: 'https://i0.hdslb.com/bfs/article/ec68b813ca3a56a1e23190f9e8a255feb1d2d5e7.jpg@1320w_740h.webp' }, { used: true, name: '薇尔莉特4', url: 'https://i0.hdslb.com/bfs/article/7085568797e6a1923056990f71888fe9706d644b.jpg@1320w_740h.webp' }, { used: true, name: '伊莉雅2', url: 'https://img0.baidu.com/it/u=3169921451,1554186398&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800' }, { used: true, name: '希丝缇娜', url: 'https://i0.hdslb.com/bfs/article/65da66f0bd9e888ad572c9ab9100e4b741f2019d.jpg@942w_530h_progressive.webp' }, // 引自B站 https://www.bilibili.com/read/cv6710298?from=search { used: true, name: '深', url: 'https://i0.hdslb.com/bfs/article/5c40299551a8dc24fe8c55016283206b370132aa.jpg@942w_545h_progressive.webp' }, // 引自B站 https://www.bilibili.com/read/cv17176820?from=search 原画师：杉８７ { used: true, name: '晚霞', url: 'https://i0.hdslb.com/bfs/article/61e693800a1f2dbab634bbb30524b151523d09fa.jpg@942w_531h_progressive.webp' }, // 引自B站 https://www.bilibili.com/read/cv17176820?from=search 原画师：Teardrops { used: true, name: '望', url: 'https://i0.hdslb.com/bfs/article/7ff810942db808887d96ee65cb0f469bb68eb9aa.jpg@942w_531h_progressive.webp' }, // 原画师 ohara_tometa(小原トメ太) { used: true, name: 'Bunnies', url: 'https://iknow-pic.cdn.bcebos.com/c2fdfc039245d6888182ff59a5c27d1ed31b244e' }, { used: true, name: '艾莉丝', url: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp2.itc.cn%2Fimages01%2F20210309%2Ff14fae9f68c443f1835e002513fe34fd.jpeg&refer=http%3A%2F%2Fp2.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670083703&t=5b75cd70ffbb1e67877a30ae22c5d140' }, { used: true, name: '近月少女', url: 'https://p7.itc.cn/q_70/images03/20220624/1b26d1898ee041e2a16b54a1a5181886.jpeg' }, { used: true, name: '近月少女2', url: 'https://i0.hdslb.com/bfs/article/75fe779e3694b006a6cb98bdeb0d440d5b8bb83d.jpg' }, { used: true, name: '近月少女3', url: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg1.gamersky.com%2Fupimg%2Fusers%2F2022%2F06%2F18%2Forigin_202206180231253771.jpg&refer=http%3A%2F%2Fimg1.gamersky.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1673282937&t=58d7062b4cab1dc2c25204c72e1d8e4e' }, { used: true, name: '', url: '' }, { used: true, name: '', url: '' }, { used: true, name: '', url: '' }, ] }, 'natures': { used: false, sources: [ { used: true, name: '', url: '' }, { used: true, name: '', url: '' }, ] }, 'Girls': { used: false, sources: [ { used: true, name: '', url: '' }, { used: true, name: '', url: '' }, ] }, } }, // 1、背景切换方式 bgSwitchMode: 'multi',// 可选枚举值：['once','multi']; // 2、设置背景切换的最短时间间隔，单位s;小于3s将设为3s; duration: 5, // 3、启用低速网络模式，非false以开启;建议始终选择low;一下网速依次越差; // 可选枚举值：[false,'low','middle','heigh','infinity']; netThrottlMode: 'low', // 4、枚举值，设定中央版块的主题色 // 可选枚举值：[各种颜色的16进制表示];false禁用中央面板色彩(当前全局为护眼色#C7EDCC80)并启用默认背景 // 你可以在下方给每个站点分别配置 centerColor: '#C7EDCC80', // 5、请求任意站点;如果你的图像来自可能被拒的其他网站服务提供者，那么启用此选项可以绕过浏览器限制 requestAllWebsite: true, // 6、启用键盘导航,设为false以禁用 keyBoardNav: true, // 7、启用左右空白导航,设为false以禁用 whiteNav: true, // 8、开启快捷键ctrl+y搜索聚焦 allowSearchBox: true, }; class debugLog { static get Priority() { return ['log', 'summary', 'warn', 'error', 'critical', 'dir']; } constructor(isDebuger, debugPriority) { this.isDebuger = isDebuger; // 要使用全局配置 this.debugPriority = debugPriority || this.constructor.Priority; this.log = this.wrapperLogPriority(); this.summary = this.wrapperLogPriority('summary', 'color:cyan'); this.warn = this.wrapperLogPriority('warn', 'color:yellow'); this.error = this.wrapperLogPriority('error', 'color:red'); this.critical = this.wrapperLogPriority('critical', 'color:black;background-color:red;'); this.dir = this.wrapperObjPriority('dir'); for (let obj of [this, this.debugPriority]) Object.freeze(obj); } wrapperLogPriority(actionPriority, style) { let priority = actionPriority || 'log'; // log,即info消息级别 if (!this.constructor.Priority.includes(priority)) throw TypeError(`Cant allow [${priority}]`); let outpuMethod = console.log; return (...rest) => { if (this.isDebuger && this.debugPriority.includes(priority)) { outpuMethod(`%c${rest}`, style || 'color:lime'); } } } wrapperObjPriority(actionPriority) { let priority = actionPriority; if (!this.constructor.Priority.includes(priority)) throw TypeError(`Cant allow [${priority}]`); let outpuMethod = console.dir; return (...rest) => { if (this.isDebuger && this.debugPriority.includes(priority)) { outpuMethod(...rest); } } } } //const logger = new debugLog(userGlobalConfigs.isDebug,['log','summary','warn','error','critical']); const logger = new debugLog(userGlobalConfigs.isDebug); const URL = window.URL || window.webkitURL || window.mozURL; const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; // eslint-disable-next-line no-undef const GMxmlHttpRequest = typeof GM_xmlhttpRequest === 'function' ? GM_xmlhttpRequest : GM.xmlHttpRequest; /* 基类 */ class Base { constructor() { this.priority = 'Base'; } setBFInterval(fn, interval, ...rest) { let id = setInterval((...rest) => { fn.call(this, ...rest); }, interval, ...rest); fn.call(this, ...rest); return id; } findElement(selector, timoout = 5, fq = false, intvl = 100, signal = null) { if (!(selector && typeof selector === 'string')) throw TypeError('selector must be non-zero string.') return new Promise((success, reject) => { let timer4min, timer4big, mt, timer4HTML; // 启用用户中断 if (signal && Object.prototype.toString.call(signal).slice(8, -1) === 'AbortSignal') { signal.addEventListenner('abort', () => { logger.warn('异步查询，用户中断查找：', selector); reject(signal.reason); clearInterval(timer4min); clearTimeout(timer4big); mt && mt.disconnect(); }); } // 开启快查询 if (fq) { timer4min = this.setBFInterval(() => { let result = document.querySelectorAll(selector); if (result.length) { success(result); clearInterval(timer4min); clearTimeout(timer4big); mt && mt.disconnect(); } }, intvl); } //开启超时策略 timer4big = setTimeout(() => { reject(`TimeOut[${selector}]`); clearInterval(timer4min); mt && mt.disconnect(); }, timoout * 1000); //开启DOM监测 mt = new MutationObserver((_, obs) => { let result = document.querySelectorAll(selector); if (result.length) { success(result); clearInterval(timer4min); clearTimeout(timer4big); obs.disconnect(); } }); if (document && document.documentElement && document.documentElement.tagName.toUpperCase() === 'HTML') { mt.observe(document.documentElement, { childList: true, subtree: true }); } else { //说明网速极度不好 timer4HTML = this.setBFInterval(function () { if (document && document.documentElement && document.documentElement.tagName.toUpperCase() === 'HTML') { mt.observe(document.documentElement, { childList: true, subtree: true }); clearInterval(timer4HTML); } }, 15) } }); } sendGMXHR(url, method, loadCB, errorCB, timeoutCB, timeout) { GMxmlHttpRequest({ url, method: method || 'get', timeout, responseType: 'blob', onload: loadCB, onerror: errorCB, ontimeout: timeoutCB }); } getHeadersFromGMXHR(headersString = '') { // 油猴响应头转换成对象 let head = new Headers(); let items = headersString.split('\n').filter(o => o); let k = '', v = '', idx; for (let item of items) { item = item.trim(); idx = item.indexOf(':'); if (idx === -1) continue; k = item.slice(0, idx).trimEnd(), v = item.slice(idx + 1).trimStart(); if (k && v) head.append(k, v); } return head; } shuffle(arr = []) { if (arr.length < 2) return arr; let l = arr.length; while (l) { let j = Math.floor(Math.random() * l--); [arr[l], arr[j]] = [arr[j], arr[l]]; } return arr; } getType(val) { return Object.prototype.toString.call(val).slice(8, -1); } forceCheck(fn, argsType = [], returnType = []) { if (!(typeof fn === 'function' && Array.isArray(argsType) && Array.isArray(returnType))) throw TypeError('类型错误：必须是[function, array, array]'); return function () { //if(fnWrapper.prototype[Symbol.toStringTag]!==fn.name) fnWrapper.prototype[Symbol.toStringTag]=fn.name; let tp = ''; if (arguments.length) { for (let i = 0; i < argsType.length; i++) { tp = this.getType(arguments[i]); if (tp !== argsType[i]) { throw TypeError(`函数：[${fn.name}]的[第${i + 1}个]参数类型要求是[${argsType[i]}],但传入的是[${tp}]`); } } } let result = fn.prototype ? fn.call(this, ...arguments) : fn(...arguments); if (returnType.length) { tp = this.getType(result); if (returnType.includes(tp)) { return result; } else { throw TypeError(`函数：[${fn.name}]的返回参数类型要求是[${returnType}],但返回的是[${tp}]`); } } else { return result; } }; } openCaches(cacheName) { if (window.caches && window.isSecureContext) { return caches.open(cacheName) } else { logger.log('Current context is not secure'); return Promise.resolve(); } } setCaches(cacheName, url, response) { this.openCaches(cacheName).then(myCache => { myCache && myCache.keys().then(urls => { let urlsStr = urls.map(item => item.url); if (!urlsStr.includes(url)) { myCache.put(url, response) .then( () => logger.log(`Cache set ok.-->[${url}]`) ).catch( (e) => logger.error(`Cache set is wrong.->info[${e.message}]-->[${url}]`) ) } }) }) } getCache(cacheName, url, options) { return new Promise((success) => { this.openCaches(cacheName).then(myCache => { if (myCache) { myCache.match(url, options || { ignoreVary: true }) .then(rsp => success(rsp)) .catch(err => { logger.error(`Get cache failed. Info-->${err}\nfor ${url}`); success(false); }) } else { success(null); } }) }) } addCaches(cacheName, url, failCallBack, initSuccessCallBack) { // 无则添加，有则忽略 this.openCaches(cacheName).then(myCache => { myCache && myCache.keys().then(urls => { let urlsStr = urls.map(item => item.url); if (urlsStr.includes(url)) { logger.log(`Add cache, but url exists, ignore. [${url}]`); } else { myCache.add(url) .then(() => { logger.log(`First add cache success, [${url}]`); if (initSuccessCallBack) logger.log('InitSuccessCallBack add cache Callback exist. Try to callback.'); initSuccessCallBack && initSuccessCallBack(); }) .catch(err => { logger.error(`Add cache failed. Info-->${err}\nfor ${url}`); if (failCallBack) logger.log('Add cache Callback exist. Try to callback.'); failCallBack && failCallBack(); }) } }) }) } updateCaches(cacheName, url, failCallBack) { this.openCaches(cacheName).then(myCache => { myCache && myCache.delete(url, { ignoreVary: true }).then(() => { myCache.add(url).catch(err => { logger.error(`Update cache failed. Info-->${err}\nfor ${url}`); if (failCallBack) logger.log('Update cache Callback exist. Try to callback.') failCallBack && failCallBack(); }) }, () => { logger.error('Update cache something is wrong, get fault.') }) }) } deleteCaches(cacheName, url, options) { this.openCaches(cacheName).then(myCache => { myCache && myCache.keys().then(urls => { if (urls.includes(url)) { myCache.delete(url, options || { ignoreVary: true }).then( ok => logger.log(`Delete cache success. Info-->${ok}\nfor ${url}`) ).catch( err => logger.error(`Delete cache failed. Info-->${err}\nfor ${url}`) ) } else { logger.warn(`No url -->[${url}],ignore.`); } }) }) } getAllCachesUrl(cacheName) { return new Promise(success => { this.openCaches(cacheName).then(myCache => { if (myCache) { myCache.keys().then(urls => { success(urls.map(item => item.url)); }) } else { success(null); } }) }) } hasCaches(cacheName, url) { return new Promise(success => { this.openCaches(cacheName).then(myCache => { if (myCache) { myCache.keys().then(urls => { let urlsStr = urls.map(item => item.url); if (urlsStr.includes(url)) { success(true); } else { success(false); } }) } else { success(null); } }) }) } run() { throw TypeError('ChildrenClass must have this method!'); } } class NoAdBase extends Base { constructor(selector) { super(); this.selector = selector; this.allElements = []; } } /* 反广告 */ class AntiAdSoft extends NoAdBase { constructor(selector) { super(selector); this.allElements = [...document.querySelectorAll(this.selector)]; Reflect.defineProperty(this, 'priority', { value: 'NoAdSoft', configurable: false, enumerable: true, writable: false }); } run() { for (let i = 0; i < this.allElements.length; i++) { this.allElements[i].style.cssText += 'display:none !important'; } } } class AntiAdHard extends NoAdBase { constructor(selector) { super(selector); this.allElements = null; Reflect.defineProperty(this, 'priority', { value: 'NoAdHard', configurable: false, enumerable: true, writable: false }); } run() { this.findElement(this.selector).then(results => { this.allElements = [...results]; if (this.allElements.length) { this.allElements.forEach(item => item.remove()); } }).catch(info => { logger.warn(`AntiHard No ${info}.`); }) } } class AntiAdDynamic extends NoAdBase { constructor(adDynamic) { super(); //dynamicRules if (!this.constructor.UNIQUEINSTANCE) { this.dynamicRules = adDynamic; this.maid = []; Reflect.defineProperty(this, 'priority', { value: 'NoAdDynamic', configurable: false, enumerable: true, writable: false }); Reflect.defineProperty(this.constructor, 'UNIQUEINSTANCE', { value: this, configurable: false, enumerable: false, writable: false }); } else { return this.constructor.UNIQUEINSTANCE; } } run() { for (let item of this.dynamicRules) { let mt = new MutationObserver(() => { let tmpNodeList = document.querySelectorAll(item.ref); if (tmpNodeList.length) { let resultWrapper = item.fire(tmpNodeList); resultWrapper.forEach(o => o.remove()); } }) this.maid.push(mt); let eye = document.querySelector(item.eyeSlector); if (eye) { mt.observe(eye, item.options); } else { this.findElement(item.eyeSlector) .then(eles => mt.observe(eles[0], item.options)) .catch(info => logger.warn(`${info}---无广告参照点：${item.ref} from ${item.eyeSlector}.`)); } } } } /* 处理样式的基类 */ class ModifyStyleBase extends Base { constructor(selector) { super(selector); } getNewElement(tag, options = {}) { let tmp = document.createElement(tag); Object.assign(tmp, options); return tmp; } setStyle() { throw TypeError('ChildrenClass must have this method!'); } removeStyle() { throw TypeError('ChildrenClass must have this method!'); } getStyle() { throw TypeError('ChildrenClass must have this method!'); } observeStyle() { throw TypeError('ChildrenClass must have this method!'); } stringToMap(styleText) { // 将 “div{height:20px;width:30px;content:':;'}span a{color:'red';text-align:center;}” 转换成 // Map对象 {'selector':{'attr1':'value1','attr2':'value2'}} // 原因是用户输入可能不规范，转成统一格式便于处理 // 输入content属性不能包含 {}; let result = new Map(); if (!styleText) return result; let pattern4InnerText = /[\w+~|*$()[\]\s#:=>,"'-^]+{[^}]*?}/gi; let pattern4PerRule = /([\w+~|*$()[\]\s#:=>,"'-^]+){([^}]*?)}/i; let cssRulesText = [...styleText.matchAll(pattern4InnerText)].flat(); for (let rule of cssRulesText) { let [selector, values] = rule.match(pattern4PerRule).slice(1); // if (!selector || !values) throw Error(selector + 'someThing is Wrong'); selector = selector.trim(); values = values.split(';').filter(o => o.trim()); let style = result.get(selector); if (!style) { style = new Map(); result.set(selector, style); } for (let attr of values) { let idx = attr.indexOf(":"); let k = attr.slice(0, idx).trim(); let v = attr.slice(idx + 1).trim(); if (!k) throw Error(selector + ' attr is Wrong'); if (v == '') continue; style.set(k, v.replace('\uea60', ';')); } } return result; } mapToString(map) { if (Object.prototype.toString.call(map).slice(8, -1) !== 'Map') throw TypeError('map Must be Map'); let result = ''; for (let [selector, valMaps] of map) { result = result + selector + '{'; for (let [k, v] of valMaps) { result = result + k + ":" + v + ";"; } result += "}"; } return result } string2DToMap(styleText) { let result = new Map(); if (!styleText) return result; for (let item of styleText.split(';').filter(i => i.trim())) { let key = item.slice(0, item.indexOf(':')); let val = item.slice(item.indexOf(':') + 1); result.set(key.trim(), val.trim()); } return result; } getAllAvailableBg() { //与项目的配置项耦合在一起了 let tempImgLists = []; if (this.configs.bg.used) { let bg = this.configs.bg.sources; for (let modules of Object.values(bg)) { if (modules.used) { for (let item of modules.sources) { item.url = item.url.trim(); if (item.used && item.url && (/^https?:/i).test(item.url)) { tempImgLists.push(item); } } } } } return tempImgLists; } getSingleBg(availableList) { // 为空的时候会返回undefined if (window.isSecureContext && window.crypto && window.crypto.getRandomValues) { return availableList[Math.floor(crypto.getRandomValues((new Uint32Array(1)))[0] / 0xFFFFFFFF * availableList.length)]; } else { return availableList[Math.floor(Math.random() * availableList.length)]; } } getDifferPreviousSingleBg(previousBgObj, availableList) { let curObj = this.getSingleBg(availableList); for (; ;) { if (previousBgObj === curObj) { curObj = this.getSingleBg(availableList); } else { return curObj; } } } pageTest(urls = []) { // 成功则返回该有的对象，否则就解决为null if (!urls.length) return Promise.resolve(true); let controllers = [], flag = true, errCounter = 0; return new Promise(success => { // 1、先检查本地 this.getAllCachesUrl(this.configs.cache).then(urlArrs => { for (let item of urls) { if (urlArrs.includes(item.url)) { this.getCache(this.configs.cache, item.url) .then(rsp => { rsp.blob().then(bb => { item.blobUrl = URL.createObjectURL(bb); success(item); flag = false; for (let obj of controllers) { obj.ctrl.abort(); } logger.log('首页取到了缓存对象'); logger.dir(item); }) }) logger.log('首页查询到了缓存对象'); break; } } }) // 2、同时发送网络请求 for (let item of urls) { let ctrl = new AbortController(); controllers.push({ ctrl, item }); fetch(item.url, { signal: ctrl.signal, method: 'head', priority: 'high' }) .then(rsp => { if (rsp.status === 200 || rsp.status === 304) { if (flag) { // 此处有bug flag = false; success(item); logger.log(`首页成功拿到了head的响应`); for (let obj of controllers) { if (obj.item !== item) obj.ctrl.abort(); } // 如果失败就算了，不再使用回调必须成功 this.addCaches(this.configs.cache, item.url) } // 其他成功就已经毫无意义了,不再计数 } else { errCounter++ if (errCounter >= urls.length) success(null); } }) .catch((err) => { errCounter++ logger.error(err.message); if (errCounter >= urls.length) success(null); }) } }) } getFirstPage(urlObjs = [], perNumber = 5) { // 从数据库拿出固定的数据对象 if (!urlObjs.length) return Promise.resolve(null); urlObjs = this.shuffle(urlObjs.slice()); let urlIterators = urlObjs[Symbol.iterator](); let iteratorCounter = 0, flag = true; return new Promise(success => { this.pageTest((function () { let tmpResult = []; if (flag) { for (let i = 0; i < perNumber; i++) { if (++iteratorCounter === urlObjs.length) flag = false; tmpResult.push(urlIterators.next().value); } } return tmpResult.filter(o => o); }())).then(result => { logger.log(`首页一共发起${iteratorCounter}次head请求.`) if (result) { if (result === true) { success(true); } else { logger.log('这里的是真对象'); logger.dir(result); success(result); } } else { return success(this.getFirstPage(urlObjs)); } }) }) } asyncLoadImg(bgObj, signal4Element, signal4Fetch, timeout4GM = 8000) { // 只加载是403跨域不允许的资源，其他的都由浏览器同步请求; let init = this.getCache(this.configs.cache, bgObj.url) return init.then(result => { // 1、查询缓存 if (result) { logger.summary('Match Cache.'); clearTimeout(signal4Element.timer); clearTimeout(signal4Fetch.timer); return result.blob().then(bb => { return URL.createObjectURL(bb); }) } else { logger.log('Start Request.'); return Promise.reject(); } }) .then(result => result, () => new Promise((success, rej) => { // 2、图像跨域测试并短时间获得缓存响应 let img = new Image(); img.onload = function () { if (img.naturalHeight) { bgObj.directLinkUsed = true; // 直接链接可用 success(bgObj.url); // logger.summary(`正常请求${bgObj.url}`); } else { logger.warn(`img假成功-->[${bgObj.name}]--[${bgObj.url}]`); rej(); } clearTimeout(signal4Element.timer); signal4Element.signal.onabort = null; } img.onerror = function () { logger.warn('Wallpaper loading Error,NEXT STEP'); signal4Element.signal.onabort = null; if (img.naturalHeight) { success({ onlyBgAvailable: true, url: bgObj.url }); clearTimeout(signal4Fetch.timer); logger.warn(`img假失败-->[${bgObj.name}]--[${bgObj.url}]`) } else { rej(); } } // img.crossOrigin = ''; img.src = bgObj.url; signal4Element.signal.onabort = () => { rej(); logger.warn('User timeout.'); img.onerror = null; img.src = ''; img = null; } })) .then(url => url, () => { // 3、对可能失败的缓存响应中做处本地应急处理 return fetch(bgObj.url, { signal: signal4Fetch.signal }) .then( rsp => { clearTimeout(signal4Fetch.timer); logger.log('Deal with response'); return rsp }, () => { return Promise.reject('Request Exception...') } ) }) .then(rsp => { // rsp 是来自于缓存的blob,或来自于fetch的rsp,或来自于img元素的url,或onlyBgAvailable对象; if (rsp.onlyBgAvailable) return rsp.url; if (rsp === bgObj.url) { // 缓存url,但是存在一种情况，就是图片src被禁止，返回200,ok，fetch请求也会失败， // 但是当图像作为背景却不会被禁止(远坂凛) return new Promise((resolve, reject) => { if (rsp.toLowerCase().startsWith('https:')) { this.addCaches(this.configs.cache, bgObj.url, () => { if (this.configs.requestAllWebsite) { this.sendGMXHR(bgObj.url, null, rsp => { // 对GM补救成功的同样进行blob化处理 if (/^image.*?\//i.test(rsp.response.type)) { resolve(URL.createObjectURL(rsp.response)); let rspDup = new Response(rsp.response.slice(), { status: 200, statusText: 'OK', headers: this.getHeadersFromGMXHR(rsp.responseHeaders) }); this.setCaches(this.configs.cache, bgObj.url, rspDup); } else { logger.warn(`GM补救请求异常1,请及时检查[${bgObj.url}-->[${rsp.response}]-->[${rsp.response.type}]`); if (bgObj.directLinkUsed) { // 直链可用的话 resolve(bgObj.url); logger.warn(`不可缓存1,但直链可用[${bgObj.url}]`) } else { reject('GM补救异常1'); } } }, function () { reject('GM cross Origin Request failture.'); }, function () { reject('GM timeout2'); }, timeout4GM); } else { console.warn('Maybe,,,,Please switch requestAllWebsite on.'); reject('GM add cache cant cors.'); } }, () => { // 成功，但是是第一次添加的回调 this.getCache(this.configs.cache, bgObj.url).then(myRsp => { myRsp.blob().then(bb => { logger.log('初次直接返回了blob'); resolve(URL.createObjectURL(bb)); }) }) }) } else { resolve(rsp); } }) } if (typeof rsp === 'string' && rsp.startsWith('blob:')) return rsp; return new Promise((resolve, reject) => { if (rsp.status === 403) { logger.error('WebServer rejects request. ' + bgObj.url); if (this.configs.requestAllWebsite) { logger.warn('403,Start Cross Origin Request.'); this.sendGMXHR(bgObj.url, null, rsp => { resolve(URL.createObjectURL(rsp.response)); let rspDup = new Response(rsp.response.slice(), { status: 200, statusText: 'OK', headers: this.getHeadersFromGMXHR(rsp.responseHeaders) }); this.setCaches(this.configs.cache, bgObj.url, rspDup); }, function (rsp) { logger.error('Cross Origin Request failture.'); reject(rsp) }, function () { reject('timeout'); }, timeout4GM); } else { console.warn(403, 'Maybe,,,,Please switch requestAllWebsite on.'); reject(rsp.status); } } else if (rsp.status > 399 && rsp.status !== 403) { logger.error('Maybe internet or server inter error.') reject(rsp.status); } else { // 几乎都是浏览器请求成功的rsp try { let rspDup = rsp.clone(); rsp.blob().then(bb => { resolve(URL.createObjectURL(bb)); }); this.setCaches(this.configs.cache, bgObj.url, rspDup); } catch (e) { logger.error(`浏览器几乎请求成功处有异常-->[${e.message}]`); resolve(bgObj.url); } } }); }, reason => { return new Promise((resolve, reject) => { logger.warn(`BrowserInfo: [${reason}]`); if (this.configs.requestAllWebsite) { logger.warn('Start Cross Origin Request.'); this.sendGMXHR(bgObj.url, 'get', rsp => { // 对GM补救成功的同样进行blob化处理 if (/^image.*?\//i.test(rsp.response.type)) { resolve(URL.createObjectURL(rsp.response)); let rspDup = new Response(rsp.response.slice(), { status: 200, statusText: 'OK', headers: this.getHeadersFromGMXHR(rsp.responseHeaders) }); this.setCaches(this.configs.cache, bgObj.url, rspDup); } else { logger.warn(`GM补救请求异常2,请及时检查[${bgObj.url}-->[${rsp.response}]-->[${rsp.response.type}]`); if (bgObj.directLinkUsed) { // 直链可用的话 resolve(bgObj.url); logger.warn(`不可缓存2,但直链可用[${bgObj.url}]`) } else { reject('GM补救异常2'); } } }, function (rsp) { logger.error('Cross Origin Request failture.'); reject(rsp); }, function () { reject('GM timeout2'); }, 8000); } else { reject('cant cors.'); } }) }) } handleImg(context, timeout4Element, timeout4Fetch, timeout4GM) { let bgObj = context.bgObjNext; logger.log('下一张背景图像: ' + (bgObj.name || bgObj.url)); let aborter4Element = new AbortController(), aborter4Fetch = new AbortController(), timer4ele, timer4fet; timer4ele = setTimeout(() => { aborter4Element.abort('UserTimeOutEle.'); }, (timeout4Element || this.configs.duration) * 1000 * 0.8); timer4fet = setTimeout(() => { aborter4Fetch.abort('UserTimeOutDom.') }, (timeout4Fetch || this.configs.duration) * 1000 * 2 * 0.8); this.asyncLoadImg(bgObj, { signal: aborter4Element.signal, timer: timer4ele }, { signal: aborter4Fetch.signal, timer: timer4fet }, timeout4GM) .then(rsp => { logger.summary('success get'); if (rsp.startsWith('data:')) { context.bgStr = rsp.replace(';', '\uea60'); // 60000码点字符 } else { context.bgStr = rsp; } bgObj.bgObjPrev = bgObj.bgObjNext; context.lock = true; }) .catch(reason => { logger.warn(reason, '保留上一张'); bgObj.bgObjNext = bgObj.bgObjPrev; context.lock = true; }); } wrapperEvent(customEvent, callback) { // 用于自定义包装事件 if (typeof customEvent !== 'string') throw TypeError('EventName must be string.'); if (typeof callback !== 'function') throw TypeError('callback must be function.'); let customElement = new Event(customEvent, { cancelable: false, bubbles: true }); return function () { customElement.content = arguments; let result = callback.apply(this, [...arguments]); window.dispatchEvent(customElement); return result; } } } /* 定义样式在标签内处理的类 */ /* 此处的设置不会被网站设置覆盖的样式，为弱类型设置;全局唯一实例的style标签 */ class ModifyStyleFromTag extends ModifyStyleBase { constructor() { super(); if (!this.constructor.UNIQUEINSTANCE) { this.observers = []; this.styleEle = this.getNewElement('style'); this.styleEle.id = this.styleEle.id || '$' + Math.random().toString(36).slice(2); Reflect.defineProperty(this, 'priority', { value: 'Tag', configurable: false, enumerable: true, writable: false }); Reflect.defineProperty(this.constructor, 'UNIQUEINSTANCE', { value: this, configurable: false, enumerable: false, writable: false }); } else { return this.constructor.UNIQUEINSTANCE; } } setStyle(css) { // css 可以是样式对象或者是css文本;filter指定给满足条件的元素添加样式,可以是NodeList或[[HTMLElement]],或者回调函数; // let cssTest = "div {width:30px ;height: 40px;}span a ,b> strong {color:'red';line-height:1rem}"; let newStyleMap = this.stringToMap(css); let currentMap = this.stringToMap(this.styleEle.innerText); for (let [selector, values] of newStyleMap) { let currentStyleMap = currentMap.get(selector); if (!currentStyleMap) { // 空说明是新选择器; currentMap.set(selector, values); } else { // 说明是旧选择器; for (let [k, v] of values) { currentStyleMap.set(k, v); } } } this.styleEle.innerText = this.mapToString(currentMap); } getStyle(selector, styleKey) { // 返回一个样式字符串值 selector = selector.trim(); return this.stringToMap(this.styleEle.innerText).get(selector).get(styleKey); } getAllStyle() { // 返回的是map对象; return this.stringToMap(document.getElementById(this.styleEle.id).innerText); } removeStyle(selector, styleKeys = []) { // styleKey应该是数组;eg,['width','height',...]; selector = selector.trim(); let currentMap = this.stringToMap(this.styleEle.innerText); let flag = true; if (!styleKeys.length) { // 1 如果styleKey为空的话，则删除整个选择器 flag = currentMap.delete(selector); } else { // 2 非空的话则要每个处理 let currentStyleMap = currentMap.get(selector); if (!currentStyleMap) return false; for (let k of styleKeys) { k = k.trim(); if (!currentStyleMap.delete(k)) logger.warn(`${selector}->${k} dont exist`); } if (!currentStyleMap.size) currentMap.delete(selector); } this.styleEle.innerText = this.mapToString(currentMap); return flag; } observeStyle() { // 监测要监视的style标签内容 this.observers[0] = new MutationObserver(() => { if (!this.styleEle.isConnected) { this.connect(); logger.warn('style tag is missing, Re-Connected ' + this.styleEle.id); } }); // this.observer.observe(document.head,{childList:true,subtree:true,characterData:true,attributeFilter:['class','style','id']}); if (document.head) { this.observers[0].observe(document.head, { childList: true }); } else { this.findElement('head').then(rsp => this.observers[0].observe(rsp[0], { childList: true })); } } connect() { if (!this.styleEle) throw Error('无样式对象'); if (!document.head) { this.findElement('head') .then(head => head[0].appendChild(this.styleEle)) .catch((e) => { logger.warn('Tag cant insert to document.head immediately, info: ', e); let timer = this.setBFInterval(() => { let result = document.querySelectorAll('head'); if (result.length) { result[0].appendChild(this.styleEle); clearInterval(timer); logger.log('Tag low performace insert head!') clearTimeout(t4o); } }, 100); let t4o = setTimeout(() => { clearInterval(timer); logger.error('head cant be found.'); }, 60 * 1000); }); } else { document.head.appendChild(this.styleEle); } } run() { this.connect(); this.observeStyle(); } } /* 定义样式在行内处理的类 */ /* 此处的样式设置可能会被网站设置覆盖的样式，为强类型设置 */ class ModifyStyleFromLine extends ModifyStyleBase { constructor() { super(); if (!this.constructor.UNIQUEINSTANCE) { this.observers = null; // 这是一个补救，用于针对固有样式进行保留(选择器：函数对象); this.fixedStyleObj = null; this.configs = null; this.pEvents = {}; this.variableSelector = {}; // 此属性处理每次必须变更的对象;[] Reflect.defineProperty(this, 'priority', { value: 'Line', configurable: false, enumerable: true, writable: false }); Reflect.defineProperty(this, 'styleMaps', { value: new Map(), configurable: false, enumerable: true, writable: false }); Reflect.defineProperty(this.constructor, 'UNIQUEINSTANCE', { value: this, configurable: false, enumerable: false, writable: false }); } else { return this.constructor.UNIQUEINSTANCE; } } getAllStyle() { return this.styleMaps; } getStyle(selector, styleKey) { // 返回一个样式字符串值 return this.styleMaps.get(selector.trim()).get(styleKey.trim()); } setStyle(css) { // css 可以是样式对象或者是css文本;filter指定给满足条件的元素添加样式,可以是NodeList或[[HTMLElement]],或者回调函数; // 需要覆盖固有样式中希望被覆盖掉的; // let cssTest = "div {width:30px ;height: 40px;}span a ,b> strong {color:'red';line-height:1rem}"; let newStyleMap = this.stringToMap(css); let currentMap = this.styleMaps; for (let [selector, values] of newStyleMap) { let currentStyleMap = currentMap.get(selector); if (!currentStyleMap) { currentMap.set(selector, values); } else { for (let [k, v] of values) { currentStyleMap.set(k, v); } } } } updateGlobalStyle() { for (let [selector, styleItems] of this.styleMaps) { let nodeList = document.querySelectorAll(selector); //logger.log(selector,'设置样式===>',nodeList); let cssText = ''; for (let [k, v] of styleItems) { cssText = cssText + k + ":" + v + ";"; } // 处理每个元素固有样式中想被保留的; for (let ele of nodeList) { let cssTmp = cssText; if (selector in this.fixedStyleObj) { let filterStyleObj = this.fixedStyleObj[selector](ele); cssTmp += filterStyleObj.cur; let oldStyle = [...this.string2DToMap(ele.style.cssText).keys()]; oldStyle.sort(); let newStyle = [...this.string2DToMap(cssTmp + filterStyleObj.delay).keys()]; newStyle.sort(); if (newStyle.toString() != oldStyle.toString()) ele.style.cssText = cssTmp; } else { let oldStyle = [...this.string2DToMap(ele.style.cssText).keys()]; oldStyle.sort(); let newStyle = [...this.string2DToMap(cssTmp).keys()]; newStyle.sort(); if (newStyle.toString() != oldStyle.toString()) ele.style.cssText = cssTmp; } // 处理计算样式 if (Object.keys(this.variableSelector).includes(selector)) { for (let stykey of this.variableSelector[selector]) { // stykey 是每个需要计算和检查的stykey; if (styleItems.get(stykey) !== this.string2DToMap(ele.style.cssText).get(stykey)) { ele.style[stykey] = styleItems.get(stykey); } } } } } } removeStyle(selector, styleKeys = []) { // 调试用方法 // styleKey应该是数组;eg,['width','height',...]; let currentMap = this.styleMaps.get(selector); if (!currentMap) return false; for (let key of styleKeys) { if (!currentMap.delete(key)) logger.log(key + ' is not exist.'); } let nodeList = document.querySelectorAll(selector); let cssText = ''; if (!currentMap.size) { this.styleMaps.delete(selector); } else { for (let [k, v] of currentMap) { cssText = cssText + k + " :" + v + ";"; } } // 合并固有样式(始终保留，不能移除的) for (let ele of nodeList) { let cssTmp = cssText; if (selector in this.fixedStyleObj) { cssTmp += this.fixedStyleObj[selector](ele).cur; } ele.style.cssText = cssTmp; } } observeStyle() { for (let item of this.observers) { item.observer = new MutationObserver((_, obs) => { // 主要是根据DOM变化确定每一次变化的时候被观察元素依然存在; let flag = true; let l = 1; while (l--) { // 初始化 空，需要赋值元素 if (!item.target) { item.target = document.querySelector(item.selector); if (!item.target) { logger.error('变更.但是未查找到元素'); break; } this.updateGlobalStyle(); obs.observe(document.querySelector(item.eyeSlector), item.options); logger.warn('变更,填充空target'); } if (!item.target.isConnected) { // 说明DOM变更，前后查找到的元素不一样,但是不影响， item.target = document.querySelector(item.selector); if (!item.target) break; logger.warn('变更,更换旧target-修正'); // 这里还要重新监测observe obs.observe(document.querySelector(item.eyeSlector), item.options); this.updateGlobalStyle(); } else { // 连接，但是变化太慢导致下次触发DOM变更以前为空，出现样式空白; for (let sp of item.specialJudge) { if (!item.target.style.cssText.includes(sp)) { logger.warn(`变更,样式空白-修正`); this.updateGlobalStyle(); break; } } } flag = false; } if (flag) { // 为真说明元素丢失;设置定时器，直到查找到并重新赋值 观察 归位 logger.warn('暂时丢失，等待变更'); } }); } // 开始观察 for (let item of this.observers) { let tmpNode = document.querySelector(item.eyeSlector); if (!tmpNode) { this.updateGlobalStyle(); this.findElement(item.eyeSlector).then(rsp => { item.observer.observe(rsp[0], item.options); // 找到后先执行一次添加样式，因为可能eyeselector要等很久才能变更节点 this.updateGlobalStyle(); }).catch(selectorAsync => logger.error(`异步查询，未找到：${selectorAsync}`)); } else { item.observer.observe(tmpNode, item.options); } } } subcribeGlobal() { //开启全局事件监听--私有事件另行监听 // 1、监听URL地址变化，地址变化就更新this.styleMaps里面的背景样式; let imgsAvi = this.getAllAvailableBg(this.configs.bg); let context = { lock: false, bgStr: '', bgObjNext: null, bgObjPrev: null }; let bgImgObj = this.getSingleBg(imgsAvi); if (!bgImgObj) { this.setStyle(`body{background-image:none;}`); logger.log('当前无有效背景图像'); return; } else { this.getFirstPage(imgsAvi, 5).then(imgObj => { if (imgObj !== true) { context.bgObjPrev = imgObj; if (!context.bgStr) context.bgStr = imgObj.blobUrl || imgObj.url; logger.log('当前背景图像: ' + (imgObj.name || imgObj.url)) this.setStyle(`body{background-image:url("${imgObj.blobUrl || imgObj.url}");}`); } else { logger.log("所有在线请求失败,无有效图像.") this.setStyle("body{background-image:none;}"); } this.updateGlobalStyle(); }); } if (this.configs.bgSwitchMode === 'multi' && imgsAvi.length > 1) { history.pushState = this.wrapperEvent('pushstate', history.pushState); let changeBg = (() => { // 设定时间阀值，避免可能的重复设置背景 let timePre = new Date(); let timeCur = 0; let pt = /^url\((['"]?)(blob[^"']*?)\1\)/i; // 初始化第一次的图片 context.bgObjNext = this.getDifferPreviousSingleBg(bgImgObj, imgsAvi); this.handleImg(context); return function () { timeCur = new Date(); if (!context.lock) return; if (timeCur - timePre < this.configs.duration * 1000) return; context.lock = false; let bg = this.getStyle('body', 'background-image'); logger.log(`前一张:[${bg}]\n当前的:[url("${context.bgStr}")]`); if (bg !== `url("${context.bgStr}")`) { if (pt.test(bg)) { URL.revokeObjectURL(bg.match(pt)[2]); logger.summary(`已经释放:${bg}`); } this.setStyle(`body{background-image:url("${context.bgStr}");}`); this.updateGlobalStyle(); logger.log('当前背景图像: ' + (context.bgObjNext.name || context.bgObjNext.url)); timePre = timeCur; } logger.log('全局调试对象$_SM:'); logger.dir($_SM); // 准备下一次点击的图片; context.bgObjNext = this.getDifferPreviousSingleBg(context.bgObjNext, imgsAvi); this.handleImg(context); }; })(); window.addEventListener('pushstate', changeBg.bind(this)); window.addEventListener('popstate', changeBg.bind(this)); } } subcribePrivate() { //定义私有事件; for (let key of Object.keys(this.pEvents)) { this.pEvents[key].call(this); } } run() { this.subcribeGlobal(); this.subcribePrivate(); this.updateGlobalStyle(); this.observeStyle(); } } /* 此类用于实例化不同网站的设置 */ class Context extends Base { constructor(tagRules, lineRules, adRules, fixedStyleObj, observers, configs, pEvents) { super(); this.startUrl = location.host; if (!(tagRules || lineRules || adRules)) throw TypeError('无效对象'); this.lineStyleSatndardRules = lineRules.standardStyle || ''; this.lineStyleVariableSelector = lineRules.variableStyleSelector || ''; this.tagStyleRules = tagRules || ''; this.adSoft = adRules.adSoft || []; this.adHard = adRules.adHard || []; this.adDynamic = adRules.adDynamic || []; this.pEvents = pEvents || {}; this.fixedStyleObj = fixedStyleObj || {}; this.observers = observers || []; this.configs = configs || userGlobalConfigs; this.maid = []; } configInit() { // 1、根据网速选择不同，重新包装findElement方法; let curObj = Object.getPrototypeOf(this); while (curObj) { if (Object.prototype.hasOwnProperty.call(curObj, 'findElement')) { let findElement = curObj.findElement; curObj.findElement = (() => { let timeout, fq, intvl; switch (this.configs.netThrottlMode) { // 'low','middle','heigh','infinity' case 'low': ({ timeout, fq, intvl } = { timeout: 7, fq: true, intvl: 100 }); break; case 'middle': ({ timeout, fq, intvl } = { timeout: 12, fq: true, intvl: 120 }); break; case 'heigh': ({ timeout, fq, intvl } = { timeout: 20, fq: true, intvl: 300 }); break; case 'infinity': ({ timeout, fq, intvl } = { timeout: 30, fq: true, intvl: 500 }); break; default: ({ timeout, fq, intvl } = { timeout: 3, fq: false, intvl: 75 }); } return function (selector, signal = null) { return findElement.call(this, selector, timeout, fq, intvl, signal); } })(); break; } else { curObj = Object.getPrototypeOf(curObj); } } // 2、移除禁用配置 if (Object.getPrototypeOf(this.configs) !== Object.prototype) { for (let key of Reflect.ownKeys(this.configs)) { if (['bg', 'isDebug', 'baidu', 'sou360'].includes(key)) { delete this.configs[key]; logger.warn(`禁用用户 [${key}] 配置项.`) } } } // 3、添加用户不可见全局配置 this.configs.cache = 'myImgs'; // 修订限制性配置 this.configs.duration = this.configs.duration < 3 ? 3 : this.configs.duration; } globalTodo() { //每个网站都要做的事情 // 广告软消除 window.addEventListener('load', () => { this.adSoft.forEach(selector => { (new AntiAdSoft(selector.trim())).run(); }) }); document.addEventListener('abort', () => { this.adSoft.forEach(selector => { (new AntiAdSoft(selector.trim())).run(); }) }); // 广告硬消除 for (let selector of this.adHard) { (new AntiAdHard(selector.trim())).run(); } } go() { // 此方法用于启动所有样式广告监听等 this.configInit(); let line = new ModifyStyleFromLine(); line.pEvents = this.pEvents; line.configs = this.configs; line.observers = this.observers; line.fixedStyleObj = this.fixedStyleObj; line.variableSelector = this.lineStyleVariableSelector; let tag = new ModifyStyleFromTag(); // 动态广告置于此处 let adDy = new AntiAdDynamic(this.adDynamic); line.setStyle(this.lineStyleSatndardRules); //冷处理 tag.setStyle(this.tagStyleRules);//冷处理 for (let item of [line, tag, adDy]) { this.maid.push(item); item.run(); } this.globalTodo(); } } /* 此类用于生成图形化用户级配置面板 */ class ConfiguraturesByUserModify { constructor() { this.name = '设置面板'; this.panelId = '$2BeautyToMacConfigPanel'; } getPanel() { // 没有面板就创建面板，否则返回面板的引用; let configPanel = document.getElementById(this.panelId); if (!configPanel) { configPanel = document.createElement('div'); configPanel.id = this.panelId; configPanel.style.cssText = `position:fixed;right:48px;top:48px;z-index:5000;`; let root = configPanel.attachShadow({ mode: 'open' }); root.innerHTML = `

BeautyToMac设置面板

  1. 内容区域颜色:
  2. 内容区域透明度:
  3. 背景切换模式:
  4. 切换时间间隔:
  5. 网络节流模式:
  6. 键盘左右导航:
  7. 空白左右导航:
`; document.body.append(configPanel); } setTimeout(() => { configPanel.shadowRoot.getElementById('xclose').addEventListener('click', function (e) { e.preventDefault(); configPanel.remove(); configPanel = null; }) }) return configPanel; } } let userPrivateConfigs = Object.create(userGlobalConfigs); let tagStyle, fixedStyleObj, lineStyle, adRules, obs4DOM, pEvents; if (userGlobalConfigs.baidu && location.href.match(/^https?:\/\/w{0,3}\.baidu\.com/i) && ['/', '/s', '/more/'].includes(location.pathname.toLowerCase())) { // 百度私有用户配置 Object.assign(userPrivateConfigs, { // 此处书写可以覆盖全局的配置 netThrottlMode: 'low', }); // 1、Tag 配置 // #head 用于兼容谷歌浏览器渲染过慢导致的空白显示问题，firefox可以移除此项; tagStyle = ` #s_top_wrap{ background-color: #ffffff53; backdrop-filter: blur(2px); } #s-top-more{ background-color:#ffffff4d; } #head{ background-color:rgba(255, 255, 255, 0.3)!important;box-shadow:rgba(0, 0, 0, 0.5) 2px 0px 5px 2px;backdrop-filter:blur(2px); } #wrapper_wrapper{ cursor:pointer; } #content_left{ margin-left: unset !important; padding-left: unset !important; } #s_tab>div.s_tab_inner:hover{ opacity:0.8; } #s_tab>div.s_tab_inner{ opacity:0; } #head_wrapper input#kw,#form .bdsug,#form .s_ipt_wr{ background-color:#ffffffa0; } #form .s_ipt_wr,#kw{ border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } #form .bdsug li:hover{ background-color:#ffffffa0; } #foot div.foot-inner { background-color:#fff0 !important; } .wrapper_new #head.peak-down.s_down{ background-color:#fff0 !important; } #wrapper #s_tab div a,wrapper #s_tab div .s-tab-item::before,#wrapper #s_tab div b,#wrapper #s_tab div .s-tab-item::before,#wrapper #s_tab div .cur-tab::before{ color:black !important; } #wrapper #s_tab div a:hover,wrapper #s_tab div .s-tab-item::before:hover,#wrapper #s_tab div b:hover,#wrapper #s_tab div .s-tab-item::before:hover,#wrapper #s_tab div .cur-tab::before:hover{ color:blue !important; } .foot{ background-color:#ffffff4d; } #foot{ opacity:0 !important; } #head_wrapper #s-hotsearch-wrapper,div#bottom_layer,div#s_side_wrapper,#head_wrapper #m,#searchTag{ display:none !important; } #head_wrapper.s-ps-islite{ padding-bottom:0px !important; } #s_tab a, #s_tab b{ margin-right:0px !important; } `; // 2、Line 配置 --- 固有样式 --- fixedStyleObj = { "#head": function (ele) { let urlPt = new URL(ele.baseURI); if (urlPt.pathname === '/' || (urlPt.pathname === '/s' && (!urlPt.search))) { return { cur: 'background-color:unset!important;backdrop-filter:none;', delay: '' } } else { return { cur: '', delay: '' }; } }, // 侧边栏居中 "#s_tab>div.s_tab_inner": function (ele) { setTimeout(() => { ele.style.cssText += `margin-top:${ele.getBoundingClientRect().height / -2}px;`; }); setTimeout(() => { ele.style.opacity = null; ele.style.left = '0px'; }, 50); return { cur: 'opacity:0;', delay: `margin-top:${ele.getBoundingClientRect().height / -2}px;left:0px;` }; }, }; // 3、Line 配置 --- 标准样式 --- lineStyle = { // #page bottom:-100px;用于解决底部栏闪烁问题;在固有样式中异步恢复 // #s_tab>div.s_tab_inner left:-100px;用于解决左侧栏闪烁问题;在固有样式中异步恢复 standardStyle: ` body{ background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover; } #page{ background-color:#ffffff4d;box-shadow:rgba(0, 0, 0, 0.5) 0px -1px 5px 2px;backdrop-filter:blur(2px); position:fixed;bottom:0px;left:50%;border-radius:12px;z-index:1400;transform:translateX(-50%);margin-top: 0px; } #foot{ background-color:#ffffff00; } #page>div{ padding:14px; width:min-content; } #page>div>*:last-child{ margin-right:0px; } #container{ background-image:linear-gradient(to right,rgba(255, 255, 255, 0.75) 25%,rgba(255, 255, 255, 0.15));box-sizing:border-box;cursor:default; box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 2px,inset 0px 0px 5px 1px white;margin-bottom:0.5rem;padding:2.5em;border-radius:12px; } #head{ background-color:rgba(255, 255, 255, 0.3)!important;box-shadow:rgba(0, 0, 0, 0.5) 2px 0px 5px 2px;backdrop-filter:blur(2px); } #s_tab>div.s_tab_inner{ position:fixed;left:-100px;z-index:302;top:50%;border-top-right-radius:16px;border-bottom-right-radius:16px;width:60px; transition:all 0.3s;background-color:#fff; } `, // Line 配置 --- 计算样式(选择) --- variableStyleSelector: { 'body': ['background-image'], } }; // 4、Ad 配置 adRules = { // 4、Ad (soft)配置 adSoft: [ '.s-hotsearch-wrapper.s-isindex-wrap', '.s-isindex-wrap.s-bottom-layer', '[tpl=recommend_list]', '#rs_new', '#s_side_wrapper', '#content_right div.hint_right_middle', '#help', '#searchTag', ], // 4.1 Ad (hard配置) adHard: [], adDynamic: [], }; // 5、监测配置(Line) obs4DOM = [ { 'selector': '#head', "target": null, 'eyeSlector': 'body', 'observer': null, 'options': { childList: true }, specialJudge: ['background-color'] }, //{'selector':'#s_tab>div.s_tab_inner',"target":null,'eyeSlector':'#s_tab','observer':null,'options':{childList:true},specialJudge:['opacity']}, //{'selector':'#wrapper',"target":null,'eyeSlector':'body','observer':null,'options':{childList:true},specialJudge:[]}, { 'selector': '#page', "target": null, 'eyeSlector': '#wrapper_wrapper', 'observer': null, 'options': { childList: true, subtree: true }, specialJudge: [] }, ]; // 6、私有事件配置(写在外部便于配置) pEvents = { '#container': function () { // 设置背景 if (this.configs.centerColor) this.setStyle(`#container{background-color:${this.configs.centerColor.trim()};}`); }, '#page .n': function () { // 设置键盘左右建翻页导航 let that = this; function navi() { if (that.configs.keyBoardNav) { document.addEventListener('keydown', function (e) { if (!(e.key === 'ArrowLeft' || e.key === 'ArrowRight')) return; if (document.activeElement.tagName.toUpperCase() === 'INPUT') return; let nodes = document.querySelectorAll('#page .n'); if (nodes.length && e.key === 'ArrowLeft') { for (let item of nodes) { if (item.textContent.split('').includes('上')) item.click(); } } else if (nodes.length && e.key === 'ArrowRight') { for (let item of nodes) { if (item.textContent.split('').includes('下')) item.click(); } } else { logger.log('nodes条件不足,略过本次') } }) } } window.addEventListener('load', navi); document.addEventListener('abort', navi); }, '#wrapper_wrapper': function () { // 设置左右点击空白翻页导航 let that = this; function navi() { if (that.configs.whiteNav) { document.addEventListener('click', function (e) { let targetFlag = 'wrapper_wrapper', selectorFlag = '#page .n'; let targetNode = document.getElementById(targetFlag); let nodes = document.querySelectorAll(selectorFlag); if (e.target === targetNode && nodes.length) { if (e.clientX < parseInt(getComputedStyle(targetNode).width) / 2) { for (let item of nodes) { if (item.textContent.split('').includes('上')) item.click(); } } else { for (let item of nodes) { if (item.textContent.split('').includes('下')) item.click(); } } } // else{ // logger.warn('点击导航异常'); // logger.dir(targetNode,nodes.length,e.target); // } }) } } window.addEventListener('DOMContentLoaded', navi); document.addEventListener('abort', navi); }, 'quickAccessSearchBox': function () { // 快捷键 ctrl + y 搜索框聚焦 if (this.configs.allowSearchBox) { document.addEventListener('keydown', function (e) { if (e.key.toLowerCase() === 'y' && e.ctrlKey) { e.preventDefault(); let kw = document.querySelector('#kw'); kw ? kw.focus() : console.log('SearchAccess cant found searchBox'); } }) } } }; } else if (userGlobalConfigs.baidu && location.href.match(/^https?:\/\/w{0,3}\.baidu\.com/i) && location.pathname.toLowerCase() === '/sf/vsearch') { // 百度视频页面 Object.assign(userPrivateConfigs, { // 此处书写可以覆盖全局的配置 netThrottlMode: 'low', }); // 1、Tag 配置 tagStyle = ` #s_tab>div.s_tab_inner:hover{ opacity:0.8; } #s_tab>div.s_tab_inner{ opacity:0; } #wrapper #s_tab div a,wrapper #s_tab div .s-tab-item::before,#wrapper #s_tab div b,#wrapper #s_tab div .s-tab-item::before,#wrapper #s_tab div .cur-tab::before{ color:black !important; } #wrapper #s_tab div a:hover,wrapper #s_tab div .s-tab-item::before:hover,#wrapper #s_tab div b:hover,#wrapper #s_tab div .s-tab-item::before:hover,#wrapper #s_tab div .cur-tab::before:hover{ color:blue !important; } #s_tab a, #s_tab b{ margin-right:0px !important; } `; fixedStyleObj = { "#s_tab>div.s_tab_inner": function (ele) { setTimeout(() => { ele.style.cssText += `margin-top:${ele.getBoundingClientRect().height / -2}px;`; }); setTimeout(() => { ele.style.opacity = null; ele.style.left = '0px'; }, 50); return { cur: 'opacity:0;', delay: `margin-top:${ele.getBoundingClientRect().height / -2}px;left:0px;` }; }, }; lineStyle = { standardStyle: ` body{ background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover; } #s_kw_wrap{ background-color: #ffffffad; } #container { background-image: linear-gradient( to right, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.15) ); box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 2px, white 0px 0px 5px 1px inset; padding: 2.5em; border-radius: 12px; display: flex; flex-direction: row-reverse; width: min-content; margin: auto; } #content_left { padding-right: 140px; padding-left: 0px; } #head{ background-color:rgba(255, 255, 255, 0.3)!important;box-shadow:rgba(0, 0, 0, 0.5) 2px 0px 5px 2px;backdrop-filter:blur(2px); } #s_tab>div.s_tab_inner{ position:fixed;left:-100px;z-index:302;top:50%;border-top-right-radius:16px;border-bottom-right-radius:16px;width:60px; transition:all 0.3s;background-color:#fff; } .s_side_wrapper{ display: none; }`, variableStyleSelector: {}, }; adRules = { // Ad (soft)配置 adSoft: [], // Ad 硬处理(只能删除节点的类型);给选择器即可 adHard: [], // Ad 专用动态规则集 adDynamic: [] }; obs4DOM = [ { 'selector': '#head', "target": null, 'eyeSlector': 'body', 'observer': null, 'options': { childList: true }, specialJudge: ['background-color'] }, ]; pEvents = { '#container': function () { if (this.configs.centerColor) this.setStyle(`#container{background-color:${this.configs.centerColor.trim()};}`); }, }; } else if (userGlobalConfigs.sou360 && location.href.match(/^https?:\/\/w{0,3}\.so\.com/i) && location.pathname.toLowerCase() === '/') { //360首页 Object.assign(userPrivateConfigs, { // 此处书写可以覆盖全局的配置 netThrottlMode: 'low', }); // 1、Tag 配置 tagStyle = ` #footer{ display:none; } #header{ background-color:#ffffff6b; backdrop-filter:blur(2px); } fieldset#input-container{ background-color:rgba(255, 255, 255, 0.75); } div#suggest-align{ background-color:#ffffff00; } div#goto-top,#main .gold-wrap{ display:none!important; } `; // 2、Line 配置 --- 固有样式 --- fixedStyleObj = { //selector:function(ele){} }; // 3、Line 配置 --- 标准样式 --- lineStyle = { standardStyle: ` body{ background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover; } #skin_bg{ background-color:rgba(255, 255, 255, 0); } #card_container{ display:none; } #bd_search .fixed{ background-color:rgba(255, 255, 255, 0); } `, // Line 配置 --- 计算样式(选择) --- variableStyleSelector: { '#skin_bg': ['background-color'], // 都要有的背景 'body': ['background-image'], } } // 4、Ad 配置 adRules = { // Ad (soft)配置 adSoft: [], // Ad 硬处理(只能删除节点的类型);给选择器即可 adHard: [ '#goto-top', '#often_so' ], // Ad 专用动态规则集 adDynamic: [ //{ref:'#lawnfooter-samll__btne',fire:(eles)=>{return [eles[0]]},options:{childList:true}}, { ref: '#lawnfooter-samll__btn', eyeSlector: 'body', options: { childList: true }, fire: (eles) => { //eles 是重找规则里面的元素集 let pE = eles[0]; for (; ;) { if (pE.parentElement === document.body) { return [pE]; } else { pE = pE.parentElement; } } }, }, ], } // 5、监测配置(Line) obs4DOM = [ { 'selector': '#card_container', "target": null, 'eyeSlector': '#main', 'observer': null, 'options': { childList: true }, specialJudge: ['display'] }, ]; pEvents = {}; } else if (userGlobalConfigs.sou360 && location.href.match(/^https?:\/\/w{0,3}\.so\.com/i) && location.pathname.toLowerCase() === '/s') { //360搜索结果页面 Object.assign(userPrivateConfigs, { // 此处书写可以覆盖全局的配置 netThrottlMode: 'low', }); // 1、Tag 配置 tagStyle = ` html{ background-color: unset !important; } div#header{ background-color: transparent; } #header div.inner{ background: #ffffff70; box-shadow: black 0px 0px 5px 1px; backdrop-filter: blur(2px); } ul.g-menu{ background-color: #ffffffe8; } #g-hd #head .round{ background-color: #ffffffb0; } #head #keyword{ background-color: #fff0; } div#tabs-wrap{ border:none; } ul#g-hd-tabs{ position: fixed; width: min-content; left: 0px; top:50%; height:min-content; transform:translateY(-50%); background-color: #eee; z-index:3000; border-top-right-radius:16px; border-bottom-right-radius:16px; opacity:0; transition:opacity 0.3s; } ul#g-hd-tabs:hover{ opacity:0.85; } #tabs-wrap ul#g-hd-tabs li.g-hd-cur a { color: #0fb264 !important; } #tabs-wrap ul#g-hd-tabs li a{ color:black !important; } div#container{ margin: 0px auto 6rem; padding: 2rem; border-radius: 12px; background-image: linear-gradient(to right,rgba(255, 255, 255, 0.75) 25%,rgba(255, 255, 255, 0.15)); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 2px,inset 0px 0px 5px 1px white; border-radius: 12px; display:-webkit-flex; display:-moz-flex; display:flex; justify-content:center; width:min-content; cursor:default; } div#warper{ cursor:pointer; } div#main{ padding-left: 2rem; margin-right:6%; box-sizing: border-box; min-width:608px; } div#container>div:last-child{ display:none!important; } #warper div.mod-relation,#main .inline-recommend{ display: none !important; } #warper #page{ position: fixed; bottom: 0px; margin: 0px; left:0px; right:0px; z-index: 3000; padding-left: 10px; background-color: #ffffff4d; box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 5px 2px; backdrop-filter: blur(2px); border-radius: 10px; padding-top: 14px; padding-bottom: 14px; margin-left: auto; margin-right: auto; width: min-content; } #page span.nums{ display: none !important; } div#page a, div#page strong{ background: #fff; border: 1px solid #eee; border-radius: 8px; color: #666; display: inline-block; font-size: 14px; height: 34px; line-height: 34px; margin-right: 12px; text-align: center; text-decoration: none; vertical-align: middle; width: 34px; } div#page strong{ background: #0fb264; border-color: #0fb264; box-shadow: 0 1px 3px rgba(188,188,188,0.2); color: #ffffff; } div#footer{ display:none; } #warper #side{ left:0px; box-sizing:border-box; padding-right: 1rem; min-width: 400px; } #mohe-hotnews_right .mh-small-box,#side #adwarnTip,#side #so_kw-ad,#side #lm-rightbottom,div.lianmeng-ad,dl#head_rs_top,#rs-top,.kzx-news-rec-info, .lianmeng-ad,#side div.res-mediav-right,dl#head_pdr_guide,div#so_top,div.res-recommend-tag,.double-eleven,div#goto-top{ display:none!important; } #warper #side:hover{ background-color:unset!important; } div#side_wrap.fixed{ background-color:rgba(255, 255, 255, 0)!important; } `; /* .so-rich-official-recom .inter .inter-ul{ width:auto !important; } */ // 2、Line 配置 --- 固有样式 --- fixedStyleObj = { // 左侧面板居中 // 底部栏 }; // 3、Line 配置 --- 标准样式 --- lineStyle = { standardStyle: ` body{ background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover; } `, // Line 配置 --- 计算样式(选择) --- variableStyleSelector: { // 都要有的背景 'body': ['background-image'], } } // 4、Ad 配置 adRules = { // Ad (soft)配置 adSoft: [], // Ad 硬处理 adHard: [ '#so_kw-ad' ], // Ad 专用动态规则集 adDynamic: [ { ref: '#so_top', eyeSlector: 'body', options: { childList: true, subtree: true }, fire: (eles) => { return [...eles] } }, { ref: '#head_pdr_guide', eyeSlector: '#tabs-wrap', options: { childList: true, subtree: true }, fire: (eles) => { return [...eles] } }, ], } // 5、监测配置(Line) obs4DOM = [ { 'selector': 'body', "target": null, 'eyeSlector': 'body', 'observer': null, 'options': { attributeFilter: ['style'] }, specialJudge: ['backgound-image'] }, { 'selector': 'div#container', "target": null, 'eyeSlector': 'div#warper', 'observer': null, 'options': { childList: true }, specialJudge: ['background-color'] }, ]; pEvents = { 'div#container': function () { // 添加中央内容区护眼色等。 if (this.configs.centerColor) this.setStyle(`div#container{background-color:${this.configs.centerColor.trim()};}`); }, '#spre#snext': function () { // 给键盘添加左右导航 if (this.configs.keyBoardNav) { document.addEventListener('keydown', e => { if ((e.key === 'ArrowLeft' || e.key === 'ArrowRight') && document.activeElement.tagName.toUpperCase() !== 'INPUT') { if (e.key === 'ArrowLeft') { let ele = document.getElementById('spre'); ele && ele.click(); } else { let ele = document.getElementById('snext'); ele && ele.click(); } } }); } }, '#warper': function () { // 添加左右空白导航 function nav() { document.addEventListener('click', function (e) { if (e.target.id === 'warper') { if (e.clientX < parseInt(getComputedStyle(e.target).width) / 2) { let ele = document.getElementById('spre'); ele && ele.click(); } else { let ele = document.getElementById('snext'); ele && ele.click(); } } }); } if (this.configs.whiteNav) { window.addEventListener('DOMContentLoaded', nav); document.addEventListener('abort', nav); } }, 'quickAccessSearchBox': function () { // 快捷键 ctrl + y 搜索框聚焦 if (this.configs.allowSearchBox) { document.addEventListener('keydown', function (e) { if (e.key.toLowerCase() === 'y' && e.ctrlKey) { e.preventDefault(); let kw = document.querySelector('#keyword'); kw ? kw.focus() : console.log('SearchAccess cant found searchBox'); } }) } } }; } else { console.warn('Some Website cant match.'); return; } function check(it) { // Math is known to exist as a global in every environment. return it && it.Math === Math && it; } const globalObject = check(typeof window === "object" && window) || check(typeof self === "object" && self) || check(typeof global === "object" && global) || check(typeof globalThis === 'object' && globalThis) || // This returns undefined when running in strict mode (function () { return this; })() || Function("return this")(); globalObject.$_SM = new Context(tagStyle, lineStyle, adRules, fixedStyleObj, obs4DOM, userPrivateConfigs, pEvents); globalObject.$_SM.go(); logger.log('running'); let userUISetting = new ConfiguraturesByUserModify; // eslint-disable-next-line no-undef GM_registerMenuCommand('打开配置面板', userUISetting.getPanel.bind(userUISetting)); })()