// ==UserScript== // @name 字体渲染（自用脚本） // @name:zh-CN 字体渲染（自用脚本） // @name:zh-TW 字體渲染（自用腳本） // @name:ja フォントレンダリング（カスタマイズ） // @name:en Font Rendering (Customized) // @version 2023.01.07.1 // @author F9y4ng // @description 无需安装MacType，优化浏览器字体显示，让每个页面的中文字体变得有质感，默认使用微软雅黑字体，亦可自定义设置多种中文字体，附加字体描边、字体重写、字体阴影、字体平滑、对特殊样式元素的过滤和许可等效果，脚本菜单中可使用设置界面进行参数设置，亦可对某域名下所有页面进行排除渲染，兼容常用的Greasemonkey脚本和浏览器扩展。 // @description:zh-CN 无需安装MacType，优化浏览器字体显示，让每个页面的中文字体变得有质感，默认使用微软雅黑字体，亦可自定义设置多种中文字体，附加字体描边、字体重写、字体阴影、字体平滑、对特殊样式元素的过滤和许可等效果，脚本菜单中可使用设置界面进行参数设置，亦可对某域名下所有页面进行排除渲染，兼容常用的Greasemonkey脚本和浏览器扩展。 // @description:zh-TW 無需安裝MacType，優化浏覽器字體顯示，讓每個頁面的中文字體變得有質感，默認使用微軟雅黑字體，亦可自定義設置多種中文字體，附加字體描邊、字體重寫、字體陰影、字體平滑、對特殊樣式元素的過濾和許可等效果，腳本菜單中可使用設置界面進行參數設置，亦可對某域名下所有頁面進行排除渲染，兼容常用的Greasemonkey腳本和瀏覽器扩展。 // @description:ja 各ページの中国語フォントをテクスチャにしたり、デフォルトでMicrosoft Yaheiフォントを使用したり、複数の中国語フォントをカスタマイズしたり、フォントストローク、フォント書き換え、フォントシャドウ、フォントスムージング、特別なスタイル要素のフィルタリングやライセンスなどの効果を追加したり、スクリプトメニューで設定インターフェイスを使用してパラメータ設定を行ったり、ドメイン名の下にあるすべてのページを除外してレンダリングしたり、一般的なGreasemonkeyスクリプトやブラウザプラグインと互換性があります。 // @description:en Let each page of the Chinese font becomes texture, the default uses Microsoft YaHei font, and you can customize the set of Chinese fonts, additional font strokes, font rewriting, font shadows, smooth, and special Filtering and licensing of style elements, etc., you can use the setting interface to perform parameter settings in the script menu, or you can exclude all pages under a domain name, compatible with common Greasemonkey scripts and browser plugins. // @namespace https://openuserjs.org/scripts/f9y4ng/Font_Rendering_(Customized) // @icon https://img.icons8.com/stickers/48/font-style-formatting.png // @homepage https://f9y4ng.github.io/GreasyFork-Scripts/ // @homepageURL https://f9y4ng.github.io/GreasyFork-Scripts/ // @supportURL https://github.com/F9y4ng/GreasyFork-Scripts/issues // @require https://greasyfork.org/scripts/437214-frcolorpicker/code/frColorPicker.js?version=1101891 // @match *://*/* // @grant GM_getValue // @grant GM.getValue // @grant GM_setValue // @grant GM.setValue // @grant GM_listValues // @grant GM.listValues // @grant GM_deleteValue // @grant GM.deleteValue // @grant GM_openInTab // @grant GM.openInTab // @grant GM_registerMenuCommand // @grant GM.registerMenuCommand // @grant GM_unregisterMenuCommand // @compatible edge 兼容TamperMonkey, ViolentMonkey // @compatible Chrome 兼容TamperMonkey, ViolentMonkey // @compatible Firefox 兼容Greasemonkey, TamperMonkey, ViolentMonkey // @compatible Opera 兼容TamperMonkey, ViolentMonkey // @compatible Safari 兼容Tampermonkey • Safari // @license GPL-3.0-only // @create 2020-11-24 // @copyright 2020-2023, F9y4ng // @run-at document-start // @downloadURL none // ==/UserScript== /* jshint esversion: 11 */ ~(function (w, trustedTypesPolicy) { "use strict"; /* customize */ const IS_OPEN_DEBUG = false; // Set "true" to debug scripts, may cause script response slower. /* Perfectly Compatible For Greasemonkey, Tampermonkey, Violentmonkey * F9y4ng * 20210609 */ const GMinfo = GM_info; const GMversion = GMinfo.version || "0.00"; const GMscriptHandler = GMinfo.scriptHandler; const isGM = GMscriptHandler.toLowerCase() === "greasemonkey"; const debug = IS_OPEN_DEBUG ? __console.bind(__console, "log") : () => {}; const info = IS_OPEN_DEBUG ? __console.bind(__console, "info") : () => {}; const error = IS_OPEN_DEBUG ? __console.bind(__console, "error") : () => {}; const count = IS_OPEN_DEBUG ? __console.bind(__console, "count") : () => {}; /* GM selector */ const GMsetValue = isGM ? GM.setValue : GM_setValue; const GMgetValue = isGM ? GM.getValue : GM_getValue; const GMdeleteValue = isGM ? GM.deleteValue : GM_deleteValue; const GMlistValues = isGM ? GM.listValues : GM_listValues; const GMopenInTab = isGM ? GM.openInTab : GM_openInTab; const GMregisterMenuCommand = isGM ? GM.registerMenuCommand : GM_registerMenuCommand; const GMunregisterMenuCommand = isGM ? () => {} : GM_unregisterMenuCommand; /* default Const Values & Functions */ const defCon = { ioe: [], values: [], sacleMatrix: [], clickTimer: 0, domainCount: 0, queryString: "html,head,head *,base,meta,style,link,script,noscript,".concat( "body,template,template *,iframe,img,br,hr,canvas,applet,source,svg,svg *,", "picture,form,input,select,textarea,object,embed,audio,video,track,figure,", "progress,fr-colorpicker,fr-colorpicker *,fr-configure,fr-configure *,", "fr-dialogbox,fr-dialogbox *,gb-notice,gb-notice *" ), frContainers: ["fr-configure", "fr-colorpicker", "fr-dialogbox"], curVersion: GMinfo.script.version || getMetaValue("version"), options: isGM ? false : { active: true, insert: true, setParent: true }, elCompat: document.compatMode === "CSS1Compat" ? document.documentElement : document.body, scriptName: getMetaValue(`name:${navigator.language || "zh-CN"}`) || GMinfo.script.name || "Font Rendering", encrypt: n => { try { return w.btoa(encodeURIComponent(String(n))); } catch (e) { error("Encrypt.error:", e.message); } }, decrypt: n => { try { return decodeURIComponent(w.atob(String(n).replace(/[^A-Za-z0-9+/=]/g, ""))); } catch (e) { error("Decrypt.error:", e.message); } }, randString: (n, v) => { const a = "0123456789"; const b = "abcdefghijklmnopqrstuvwxyz"; const c = b.toUpperCase(); let r, m; let s = ""; let z = true; switch (v) { case "mix": m = Number(n - 1) || 8; r = b + a + c; z = false; break; case "char": m = Number(n) || 8; r = b + c; break; case "digit": m = Number(n) || 8; r = a; break; default: m = Number(n) || 8; r = c; break; } for (; m > 0; --m) { s += r[Math.floor(Math.random() * r.length)]; } return z ? s : c[Math.floor(Math.random() * c.length)].concat(s); }, sqliteDB: (e, t, p) => { let g = 0; let d = ""; let o = ""; for (let i = 0, l = p.length; i < l; i += 1) { d += p.charCodeAt(i).toString(); } const s = Math.floor(d.length / 5); const m = parseInt(d.charAt(s) + d.charAt(s * 2) + d.charAt(s * 3) + d.charAt(s * 4) + d.charAt(s * 5)); const c = Math.ceil(p.length / 2); const u = Math.pow(2, 31) - 1; if (t) { if (m < 2) return ""; let l = Math.round(Math.random() * 1e9) % 1e8; d += l; while (d.length > 10) { d = (parseInt(d.substring(0, 10)) + parseInt(d.substring(10, d.length))).toString(); } d = (m * d + c) % u; for (let i = 0, l = e.length; i < l; i += 1) { g = parseInt(e.charCodeAt(i) ^ Math.floor((d / u) * 255)); o += (g < 16 ? "0" : "") + g.toString(16); d = (m * d + c) % u; } l = l.toString(16); while (l.length < 8) l = "0" + l; o += l; return o; } else { const l = parseInt(e.substring(e.length - 8, e.length), 16); e = e.substring(0, e.length - 8); d += l; while (d.length > 10) { d = (parseInt(d.substring(0, 10)) + parseInt(d.substring(10, d.length))).toString(); } d = (m * d + c) % u; for (let i = 0, l = e.length; i < l; i += 2) { g = parseInt(parseInt(e.substring(i, i + 2), 16) ^ Math.floor((d / u) * 255)); o += String.fromCharCode(g); d = (m * d + c) % u; } return decodeURIComponent(o); } }, getParentHostName: () => { if (parent !== window) { try { return parent.location.hostname; } catch (e) { return new URL(document.referrer || location).hostname; } } else { return location.hostname; } }, isWinTop: () => { try { return w.self === w.top; } catch (e) { return !parent.frames.length; } }, inFrames: target => { try { return top.document.contains(target) ? "" : "[FRAMES]"; } catch (e) { return "[FRAMES]"; } }, }; /* Define random aliases */ defCon.id = { rndId: defCon.randString(12, "char"), dialogbox: defCon.randString(11, "char"), container: defCon.randString(10, "char"), field: defCon.randString(9, "char"), fontList: defCon.randString(8, "char"), fontFace: defCon.randString(8, "char"), fontSmooth: defCon.randString(8, "char"), fontStroke: defCon.randString(8, "char"), fontShadow: defCon.randString(8, "char"), shadowColor: defCon.randString(8, "char"), fontCSS: defCon.randString(8, "char"), fontEx: defCon.randString(8, "char"), submit: defCon.randString(8, "char"), fface: defCon.randString(6, "char"), smooth: defCon.randString(6, "char"), fontSize: defCon.randString(8, "char"), fontScale: defCon.randString(6, "char"), scaleSize: defCon.randString(7, "char"), strokeSize: defCon.randString(6, "mix"), stroke: defCon.randString(7, "char"), fstroke: defCon.randString(8, "mix"), fixStroke: defCon.randString(6, "mix"), shadowSize: defCon.randString(6, "mix"), shadow: defCon.randString(7, "char"), color: defCon.randString(7, "char"), cssfun: defCon.randString(7, "char"), exclude: defCon.randString(7, "char"), mono: defCon.randString(7, "char"), selector: defCon.randString(9, "char"), cleaner: defCon.randString(7, "char"), fonttooltip: defCon.randString(7, "char"), fontName: defCon.randString(6, "char"), cSwitch: defCon.randString(5, "mix"), eSwitch: defCon.randString(5, "mix"), backup: defCon.randString(6, "char"), files: defCon.randString(5, "mix"), tfiles: defCon.randString(5, "mix"), db: defCon.randString(9, "char"), ct: defCon.randString(7, "char"), isclosetip: defCon.randString(6, "mix"), bk: defCon.randString(7, "char"), isbackup: defCon.randString(6, "mix"), pv: defCon.randString(7, "char"), ispreview: defCon.randString(6, "mix"), fs: defCon.randString(7, "char"), isfontsize: defCon.randString(6, "mix"), hk: defCon.randString(7, "char"), ishotkey: defCon.randString(6, "mix"), mps: defCon.randString(7, "char"), maxps: defCon.randString(6, "char"), gc: defCon.randString(7, "char"), globalcancel: defCon.randString(6, "char"), feedback: defCon.randString(6, "char"), flc: defCon.randString(6, "char"), flcid: defCon.randString(5, "mix"), }; defCon.class = { rndClass: defCon.randString(10, "char"), rndStyle: defCon.randString(10, "char"), guide: defCon.randString(5, "mix"), title: defCon.randString(7, "char"), help: defCon.randString(5, "mix"), rotation: defCon.randString(6, "char"), emoji: defCon.randString(4, "mix"), main: defCon.randString(7, "char"), fontList: defCon.randString(7, "char"), spanlabel: defCon.randString(5, "mix"), label: defCon.randString(5, "mix"), placeholder: defCon.randString(5, "mix"), checkbox: defCon.randString(7, "char"), flex: defCon.randString(9, "char"), tooltip: defCon.randString(8, "char"), tooltiptext: defCon.randString(9, "char"), ps1: defCon.randString(4, "mix"), ps2: defCon.randString(4, "mix"), ps3: defCon.randString(4, "mix"), ps4: defCon.randString(4, "mix"), ps5: defCon.randString(4, "mix"), slider: defCon.randString(7, "char"), frColorPicker: defCon.randString(9, "char"), readonly: defCon.randString(7, "char"), notreadonly: defCon.randString(7, "char"), reset: defCon.randString(6, "mix"), cancel: defCon.randString(6, "mix"), submit: defCon.randString(6, "mix"), selector: defCon.randString(9, "char"), selectFontId: defCon.randString(8, "char"), close: defCon.randString(6, "char"), db: defCon.randString(10, "char"), dbbc: defCon.randString(8, "char"), dbb: defCon.randString(7, "char"), dbm: defCon.randString(7, "char"), dbt: defCon.randString(7, "char"), dbbt: defCon.randString(6, "mix"), dbbf: defCon.randString(6, "mix"), dbbn: defCon.randString(6, "mix"), switch: defCon.randString(5, "mix"), anim: defCon.randString(5, "mix"), range: defCon.randString(11, "char"), rangeProgress: defCon.randString(8, "mix"), }; const CUR_WINDOW_TOP = defCon.isWinTop(); const CUR_HOST_NAME = w.location.hostname; const CUR_HOST_PATH = w.location.pathname; const TOP_HOST_NAME = defCon.getParentHostName(); const FIX_STROKE_ATTRNAME = "fr-fix-stroke"; const IS_FRAMES = CUR_WINDOW_TOP ? "" : "[FRAMES]"; const RANDOM_ID = defCon.randString(2).concat(defCon.randString(4, "digit")); const QUERY_ARRAY = defCon.queryString.split(",").filter(x => x.indexOf("*") === -1); const HOST_URI = defCon.decrypt("aHR0cHMlM0ElMkYlMkZncmVhc3lmb3JrLm9yZyUyRnNjcmlwdHMlMkY0MTY2ODg="); const FONTLIST_IMG = defCon.decrypt("aHR0cHMlM0ElMkYlMkZzMS5heDF4LmNvbSUyRjIwMjIlMkYwNCUyRjAyJTJGcW9SZldkLmdpZg=="); const LOADING_IMG = defCon.decrypt("aHR0cHMlM0ElMkYlMkZpbWcuemNvb2wuY24lMkZjb21tdW5pdHklMkYwMzhkZGU0NThmOWE4NzRhODAxMjE2MGY3NDE3ZjZlLmdpZg=="); /* New RAF & FDM */ class RAF { constructor() { this.timerMap = { timeout: {}, interval: {} }; this.setTimeout = this.setTimeout.bind(this); } static __init(w) { w.requestAnimationFrame || (function () { "use strict"; w.requestAnimationFrame = w.webkitRequestAnimationFrame || w.mozRequestAnimationFrame || w.oRequestAnimationFrame || (function () { const fps = 60; const delay = 1000 / fps; const animationStartTime = Date.now(); let previousCallTime = animationStartTime; return function requestAnimationFrame(callback) { const requestTime = Date.now(); const timeout = Math.max(0, delay - (requestTime - previousCallTime)); const timeToCall = requestTime + timeout; previousCallTime = timeToCall; return setTimeout(function onAnimationFrame() { callback(timeToCall - animationStartTime); }, timeout); }; })(); })(); w.cancelAnimationFrame || (function () { "use strict"; w.cancelAnimationFrame = w.webkitCancelAnimationFrame || w.mozCancelAnimationFrame || w.oCancelAnimationFrame || w.cancelRequestAnimationFrame || w.webkitCancelRequestAnimationFrame || w.mozCancelRequestAnimationFrame || w.oCancelRequestAnimationFrame || function cancelAnimationFrame(id) { clearTimeout(id); }; })(); } __deploy(w) { return w.requestAnimationFrame.bind(w); } _ticking(fn, type, interval, lastTime = Date.now()) { const timerSymbol = Symbol(type); const step = () => { this._setTimerMap(timerSymbol, type, step); if (interval < 1000 / 60 || Date.now() - lastTime >= interval) { typeof fn === "function" && fn(); if (type === "interval") { lastTime = Date.now(); } else { this.clearTimeout(timerSymbol); } } }; this._setTimerMap(timerSymbol, type, step); return timerSymbol; } _setTimerMap(timerSymbol, type, step) { this.timerMap[type][timerSymbol] = unsafeWindow.requestAnimationFrame(step); } setTimeout(fn, interval) { return this._ticking(fn, "timeout", interval); } clearTimeout(timer) { unsafeWindow.cancelAnimationFrame(this.timerMap.timeout[timer]); delete this.timerMap.timeout[timer]; } setInterval(fn, interval) { return this._ticking(fn, "interval", interval); } clearInterval(timer) { unsafeWindow.cancelAnimationFrame(this.timerMap.interval[timer]); delete this.timerMap.interval[timer]; } } RAF.__init(unsafeWindow); class FDM extends RAF { constructor() { super(); const self = this; self.reads = []; self.writes = []; self.rAF = self.__deploy(unsafeWindow); } _schedule(context) { if (!context.scheduled) { context.scheduled = true; context.rAF(context._defrag.bind(null, context)); } } _defrag(context) { const writes = context.writes; const reads = context.reads; try { context._run(reads); context._run(writes); } catch (e) { error("FDM:Uncaught Error:", e.message); } context.scheduled = false; if (reads.length || writes.length) context._schedule(context); } _run(tasks) { let task; while ((task = tasks.shift())) task(); } read(fn, ctx) { const task = !ctx ? fn : fn.bind(ctx); this.reads.push(task); this._schedule(this); return task; } write(fn, ctx) { const task = !ctx ? fn : fn.bind(ctx); this.writes.push(task); this._schedule(this); return task; } } /* Sleep Promise Function */ const raf = new RAF(); const cachedSetTimeout = setTimeout; const createSleepPromise = (timeout, { useCachedSetTimeout }) => { const timeoutFunction = useCachedSetTimeout ? cachedSetTimeout : raf.setTimeout; return new Promise(resolve => { timeoutFunction(resolve, timeout); }).catch(e => error("CreateSleepPromise:", e.message)); }; const sleep = (timeout, { useCachedSetTimeout } = {}) => { const sleepPromise = createSleepPromise(timeout, { useCachedSetTimeout }); const promiseFunction = value => sleepPromise.then(() => value); promiseFunction.then = (...args) => sleepPromise.then(...args); promiseFunction.catch = Promise.resolve().catch; return promiseFunction; }; /* Abbreviated functions */ const fdm = new FDM(); const oH = Object.prototype.hasOwnProperty; const cE = str => document.createElement(str); const gS = (target, opt = null) => (target instanceof Element ? w.getComputedStyle(target, opt) : ""); const qA = (str, target = document) => { try { return Array.prototype.slice.call(target.querySelectorAll(str), 0); } catch (e) { return []; } }; const qS = (str, target = document) => { try { return target.querySelector(str); } catch (e) { return null; } }; /* Content-Security-Policy: trustedTypes */ if (w.trustedTypes?.createPolicy) { const wTcP = (wTrs = "fr#safeCreateHTML") => { const wT = new Set([ { host: "teams.live.com", policy: "goog#html" }, { host: "github.dev", policy: "safeInnerHtml" }, ]); for (const wTs of wT.values()) { if (CUR_HOST_NAME.endsWith(wTs.host)) { wTrs = wTs.policy; break; } } return wTrs; }; trustedTypesPolicy = w.trustedTypes.createPolicy(wTcP(), { createHTML: string => string }); } /* Get browser core & system parameters */ const getNavigator = { uaData: (() => { try { // eslint-disable-next-line no-undef return Boolean(navigator.userAgentData && navigator.userAgentData instanceof NavigatorUAData); } catch (e) { error("GetNavigator.uaData:", e.message); return false; } })(), init: function (v = this.uaData) { return v ? navigator.userAgentData : navigator.userAgent.toLowerCase(); }, getBrowser: (brands, getBrand, info = "Other", version = "0.00") => { try { if (getBrand) { brands.some(b => { switch (b.brand) { case "Microsoft Edge": info = "Edge"; version = b.version; break; case "Google Chrome": info = "Chrome"; version = b.version; break; case "Opera": info = "Opera"; version = b.version; break; case "Brave": info = "Brave"; version = b.version; break; case "Chromium": if (info === "Other") { info = "Chromium"; version = b.version; } break; } }); } else { brands.some(b => { if (b.brand === "Chromium") { info = "Blink"; version = b.version; } }); } } catch (e) { error("Navigator.getBrowser:", e.message); } return { info, version }; }, core: function (u = JSON.stringify(this.init())) { return { Trident: u.includes("trident") || u.includes("compatible"), Presto: u.includes("presto"), WebKit: u.includes("applewebkit") && u.includes("safari"), Gecko: u.includes("gecko") && !u.includes("khtml") && !u.includes("trident") && !u.includes("compatible"), Blink: (u.includes("applewebkit") && (u.includes("chromium") || u.includes("chrome"))) || u.includes("Chromium"), }; }, geckoVersion: function (u = this.init()) { const m = u.match(/firefox\/(\d+)/i); return m && (m[1] ?? 0); }, chromiumVersion: function (u = this.init()) { if (this.uaData) { return this.getBrowser(u.brands, null).version; } else { const m = u.match(/chrom[e|ium]\/(\d+)/i); return m && (m[1] ?? 0); } }, system: function (u = this.init(), system = "Unknown") { if (this.uaData) { system = u.platform ? u.platform.toString() : system; } else { if (/windows|win32|win64|wow32|wow64/g.test(u)) { system = "Windows"; } else if (/macintosh|macintel|mac os x/g.test(u)) { system = "macOS"; } else if (/linux|x11/g.test(u)) { system = "Linux"; } else if (/android|adr/g.test(u)) { system = "Android"; } else if (/ios|iphone|ipad|ipod|iwatch/g.test(u)) { system = "iOS"; } } return system; }, browser: function (u = this.init(), browserInfo = "Other") { if (this.uaData) { browserInfo = this.getBrowser(u.brands, "browser").info; } else { const browserArray = { IE: u.includes("msie") || u.includes("trident") || u.includes("compatible"), Chromium: u.includes("chromium"), Chrome: u.includes("chrome") && !u.includes("edg") && !u.includes("chromium"), Firefox: u.includes("firefox") && u.includes("gecko"), Opera: u.includes("presto") || u.includes("opr") || u.includes("opera"), Safari: u.includes("safari") && u.includes("version") && !u.includes("chrome"), Edge: u.includes("edg"), QQBrowser: /qqbrowser/g.test(u), Wechat: /micromessenger/g.test(u), UCBrowser: /ubrowser/g.test(u), Sougou: /metasr|sogou/g.test(u), Maxthon: /maxthon/g.test(u), CentBrowser: /cent/g.test(u), Vivaldi: /vivaldi/g.test(u), }; for (let i in browserArray) { if (oH.call(browserArray, i) && browserArray[i]) browserInfo = i; } } return browserInfo; }, getUA: async function (u = this.init()) { try { return this.uaData ? JSON.stringify(await u.getHighEntropyValues(["architecture", "bitness", "model", "platform", "platformVersion", "uaFullVersion"])) : this.isCheatUA() ? "(CHEAT-UA) ".concat(u) : u; } catch (e) { error("Navigator.getUA:", e.message); return u; } }, isCheatUA: function () { return ( (!this.uaData && !!navigator.userAgentData) || (!this.core().Gecko && !isNaN(parseFloat(unsafeWindow.mozInnerScreenX))) || (this.core().Gecko && isNaN(parseFloat(unsafeWindow.mozInnerScreenX))) || (getNavigator.core().WebKit && !window.safari) || (!getNavigator.core().WebKit && !!window.safari) ); }, }; const IS_REAL_WEBKIT = (getNavigator.core().WebKit && !getNavigator.isCheatUA()) || !!window.safari; const IS_REAL_GECKO = (getNavigator.core().Gecko && !getNavigator.isCheatUA()) || !isNaN(parseFloat(unsafeWindow.mozInnerScreenX)); const IS_REAL_BLINK = (getNavigator.core().Blink && !getNavigator.isCheatUA()) || !!unsafeWindow.chrome; const CAN_I_USE = (IS_REAL_GECKO && getNavigator.geckoVersion() >= 82) || (IS_REAL_BLINK && Number(getNavigator.chromiumVersion()) >= 88); /* New DefinePropertise */ const getScreenCTM = SVGGraphicsElement.prototype.getScreenCTM; const getClientRects = Element.prototype.getClientRects; const getBoundingClientRect = Element.prototype.getBoundingClientRect; const definePropertiesForScale = (ratio, { deleteProperty }) => { const Reflect_Result = new Set(); const obj_Targets = new Set([ { objs: [MouseEvent.prototype], props: ["clientX", "clientY", "pageX", "pageY", "layerX", "layerY", "offsetX", "offsetY", "screenX", "screenY", "movementX", "movementY", "x", "y"], }, { objs: [w, unsafeWindow], props: ["pageXOffset", "pageYOffset", "scrollX", "scrollY"], }, { objs: [Element.prototype], props: ["scrollLeft", "scrollTop"], }, ]); try { for (const obj_Target of obj_Targets.values()) { const t = ratio; const d = deleteProperty; obj_Target.objs.forEach(obj => { obj_Target.props.forEach(prop => { const object = Reflect.getOwnPropertyDescriptor(obj, prop); if (object) { d && Reflect.deleteProperty(obj, prop); if (["scrollLeft", "scrollTop"].includes(prop)) { Reflect.defineProperty(obj, prop, { configurable: true, enumerable: true, get: function () { return object.get.call(this) / t; }, set: function (Value) { switch (prop) { case "scrollLeft": this.scrollTo(Value * t, 0); break; case "scrollTop": this.scrollTo(0, Value * t); break; } }, }) && Reflect_Result.add({ obj: `${obj}`, prop }); } else { Reflect.defineProperty(obj, prop, { configurable: true, enumerable: true, get: function () { return object.get.call(this) / t; }, }) && Reflect_Result.add({ obj: `${obj}`, prop }); } } }); }); } if (IS_REAL_BLINK) { deleteProperty && Reflect.deleteProperty(SVGGraphicsElement.prototype, "getScreenCTM"); Reflect.defineProperty(SVGGraphicsElement.prototype, "getScreenCTM", { configurable: true, enumerable: true, value: function () { const value = getScreenCTM.call(this); let newSVGMatrix = this.ownerSVGElement.createSVGMatrix(); let newValue = new Proxy(value, { get: function (target, proper) { return Reflect.get(target, proper) / defCon.curScale; }, }); newSVGMatrix.a = newValue.a; newSVGMatrix.b = newValue.b; newSVGMatrix.c = newValue.c; newSVGMatrix.d = newValue.d; newSVGMatrix.e = newValue.e; newSVGMatrix.f = newValue.f; return newSVGMatrix; }, }) && Reflect_Result.add({ obj: `${SVGGraphicsElement.prototype}`, prop: "getScreenCTM()" }); } if (IS_REAL_GECKO) { deleteProperty && Reflect.deleteProperty(Element.prototype, "getClientRects"); Reflect.defineProperty(Element.prototype, "getClientRects", { configurable: true, enumerable: true, value: function () { const list = getClientRects.call(this); let newRectlist = new Set(); for (let i = 0, l = list.length; i < l; i++) { let newRect = new Proxy(list[i], { get: function (target, proper) { return Reflect.get(target, proper) / defCon.curScale; }, }); newRectlist[i] = newRect; } return newRectlist; }, }) && Reflect_Result.add({ obj: `${Element.prototype}`, prop: "getClientRects() [DOMRectList]" }); deleteProperty && Reflect.deleteProperty(Element.prototype, "getBoundingClientRect"); Reflect.defineProperty(Element.prototype, "getBoundingClientRect", { configurable: true, enumerable: true, value: function () { const value = getBoundingClientRect.call(this); let newValue = new Proxy(value, { get: function (target, proper) { return Reflect.get(target, proper) / defCon.curScale; }, }); return newValue; }, }) && Reflect_Result.add({ obj: `${Element.prototype}`, prop: "getBoundingClientRect() [DOMRect]" }); } } catch (e) { error("DefinePropertiesForScale:", e.message); } debug(`[REFLECT.DP]${IS_FRAMES} %O %csucceeded`, Reflect_Result, "color:green"); }; const rePositionForScale = (item, dname) => { if (!item) return; fdm.read(() => { const { oScale, tScale } = getSacleMatrix(); if (oScale === 1 && tScale === 1) return; let sT = tScale === 1 ? 0 : -defCon.elCompat.getBoundingClientRect().top; oScale !== tScale && oScale !== 1 && tScale !== 1 && w.scrollTo(0, sT * tScale - 1); dname !== "fr-colorpicker" && fdm.write(() => (item.style.top = `${sT}px`)); const reposition = () => { const { tScale } = getSacleMatrix(); if (tScale === 1) { document.removeEventListener("scroll", reposition); } else { sT = -defCon.elCompat.getBoundingClientRect().top; dname !== "fr-colorpicker" && fdm.write(() => (item.style.top = `${sT}px`)); } }; document.addEventListener("scroll", reposition); }); }; /* pushState & replaceState */ const historyWrap = function (type) { const orig = w.history[type]; const event = new Event(type); return function () { const fn = orig.apply(this, arguments); event.arguments = arguments; w.dispatchEvent(event); return fn; }; }; w.history.pushState = historyWrap("pushState"); w.history.replaceState = historyWrap("replaceState"); /* Initialized important functions */ function __console(act) { const __arguments = [...arguments]; const arg0 = __arguments[1] ?? ""; const args = __arguments.slice(2); switch (__arguments[0]) { case "log": return console[act](`%c\u27A4 %c${arg0}`, "display:inline-block", "font-family:monospace", ...args); case "info": return console.log(`%c\u27A4 ${arg0}`, "display:inline-block;padding:4px 0", ...args); case "error": return console[act](`%c\ud83d\udea9 ${arg0}`, "display:inline-block;font-family:monospace", ...args); case "count": return console[act](`\u27A4 ${arg0}`); } } function getMetaValue(str) { const queryReg = new RegExp(`//\\s+@${str}\\s+(\\S+)`); const metaValue = GMinfo.scriptMetaStr?.match(queryReg); return metaValue?.[1] ?? ""; } function setRAFInterval(callback, interval, { runNow }) { if (runNow === true) { const shouldFinish = callback(); if (shouldFinish) return; } const tickId = raf.setInterval(() => { const shouldFinish = callback(); if (shouldFinish) { raf.clearInterval(tickId); return; } }, interval); } function deBounce(fn, delay, timer, immediate) { return function () { const context = this; const args = arguments; fn = typeof fn === "function" ? fn : () => {}; typeof defCon[timer] === "undefined" && immediate && fn.apply(context, args); defCon[timer] && raf.clearTimeout(defCon[timer]); defCon[timer] = raf.setTimeout(function () { fn.apply(context, args); delete defCon[timer]; }, delay); }; } function getAsyncStyleNode(target) { let el = qA("style,link[rel*='stylesheet' i]:not([disabled])", target).slice(-1)[0] || target.lastElementChild; const styleSheets = target.parentNode?.parentNode?.styleSheets || document.styleSheets; for (let i = styleSheets.length - 1; i >= 0; i--) { if (styleSheets[i].ownerNode?.parentNode === target) { el = styleSheets[i].ownerNode; break; } } return el; } function safeRemove(s, t) { qA(s, t).forEach(item => { try { item.parentNode?.removeChild(item); } catch (e) { item.remove(); } }); return !!qA(s, t).length; } function addStyle(cssString, className, addToTarget, T = "T", { isReload } = {}, initType = "text/css") { const IN_FRAME = defCon.inFrames(addToTarget); setRAFInterval( () => { try { if (!addToTarget || typeof addToTarget !== "object") return true; if (className && typeof className === "string") { switch (isReload) { case true: qS(`.${className}`, addToTarget) && !safeRemove(`.${className}`, addToTarget) && debug(`style${IN_FRAME} View: %c%s`, "color:crimson", !!qS(`style[id^="${T}"]`, addToTarget)); while (qA(`style[id^="${T}"]`, addToTarget).length > 0) { debug(`style${IN_FRAME} Review: %c%s`, "color:crimson", safeRemove(`style[id^="${T}"]`, addToTarget)); } break; default: if (qS(`.${className}`, addToTarget)) return true; break; } } else { className = defCon.randString(10, "char"); } let cssNode = cE("style"); cssNode.className = className; cssNode.id = T + defCon.randString(null, "digit"); cssNode.media = "screen"; cssNode.type = initType; cssNode.textContent = String(cssString ?? ""); const element = getAsyncStyleNode(addToTarget); isReload === true && element?.nextElementSibling ? addToTarget.insertBefore(cssNode, element.nextElementSibling) : addToTarget.appendChild(cssNode); cssNode = null; return !!qS(`.${className}`, addToTarget); } catch (e) { error("AddStyle:", e.message); return true; } }, 50, { runNow: true } ); } function framesInsertStyle({ items, condition, tstyle }) { items.removeAttribute("sandbox"); fdm.read(() => { const rect = items.getBoundingClientRect(); const styleState = gS(items); const rectView = rect.bottom >= 0 && rect.right >= 0 && rect.width > 4 && rect.height > 4; const styleStateView = styleState.display !== "none" && styleState.visibility === "visible"; if (rectView && styleStateView) { try { const h = items.contentWindow; const s = new URL(items.src || "about:blank"); const u = s.host ? s.host.concat(" ", s.pathname) : ""; const i = "i:" + (items.id || ""); const sT = qA("style[id^='TS']", h.document.head); const bT = h.document.body?.innerText?.trim(); switch (condition) { case "Preview": debug("preview:", sT.length); if (sT.length > 0) { addStyle(tstyle, sT[0].className, h.document.head, "TS", { isReload: true }); } else { addStyle(tstyle, null, h.document.head, "TS", { isReload: false }); } debug("asyncFrames: %c%s\r\n\u3000 \u27A5 %s", "color:steelblue", condition, u || i); items.setAttribute("fr-async-frames", condition); break; case "Autoload": if (sT.length === 0) { if (bT?.length !== 0) { addStyle(tstyle, null, h.document.head, "TS", { isReload: false }); if (qA("style[id^='TS']", h.document.head).length > 0) { debug("asyncFrames: %c%s\r\n\u3000 \u27A5 %s", "color:indigo", condition, u || i); items.setAttribute("fr-async-frames", condition); } } } else if (sT.length !== 1) { const originStyle = getAsyncStyleNode(h.document.head)?.className || ""; sleep(25e2, { useCachedSetTimeout: true }).then((condition = "Automove") => { while (qA("style[id^='TS']", h.document.head).length > 1) { addStyle(tstyle, sT[0].className, h.document.head, "TS", { isReload: true }); debug("asyncFrames: %c%s\r\n\u3000 \u27A5 %s", "color:firebrick", condition, u || i); items.setAttribute("fr-async-frames", condition); } const automoveStatus = items.getAttribute("fr-async-frames") === condition; count(`[ASYNCFRAMES][${i}][${condition}:${automoveStatus}]`); automoveStatus && debug( `[ASYNCFRAMES][AUTOMOVE]lastStyle.className: %c${originStyle}%c \u22d9 %c%s`, "color:gray;font-weight:700;text-decoration:line-through", "color:0", "color:teal;font-weight:700", getAsyncStyleNode(h.document.head)?.className || "" ); }); } break; } count(`[ASYNCFRAMES][${i}][${condition}:${!!items.getAttribute("fr-async-frames")}]`); } catch (e) { error("FramesInsertStyle:", e.message); } } }); } function getSacleMatrix() { defCon.sacleMatrix = defCon.sacleMatrix.slice(-2); const oScale = Number(defCon.sacleMatrix.slice(-2, -1)) || 1; const tScale = Number(defCon.sacleMatrix.slice(-1)) || 1; return { oScale, tScale }; } function loadPreview(_preview_, ts = defCon.tStyle, s = true) { try { if (_preview_) { addStyle(ts, defCon.class.rndStyle, document.head, "TS", { isReload: true }); if (defCon.isFontsize) { const { oScale, tScale } = getSacleMatrix(); tScale !== oScale && definePropertiesForScale(tScale / oScale, { deleteProperty: true }); debug("scale: %o", defCon.sacleMatrix); } qA("iframe").forEach(items => sleep(30).then(() => framesInsertStyle({ items: items, condition: "Preview", tstyle: ts }))); defCon.preview = !s; } } catch (e) { error("LoadPreview:", e.message); } } function insertStyle_AsyncFrames(isMO = false) { qA("iframe").forEach(item => { sleep(2e2) .then(() => count(`detect.Autoload.Frames`)) .then(() => framesInsertStyle({ items: item, condition: "Autoload", tstyle: defCon.tStyle })) .catch(e => !isMO && error("InsertStyle_AsyncFrames:", e.message)); }); } function convertToUnicode(str) { let value = ""; for (let i = 0, l = str.length; i < l; i++) { value += "\\" + ("00" + str.charCodeAt(i).toString(16)).slice(-4); } return value.toUpperCase(); } function matchEditorialDomain(str) { return typeof str.split("|").find(x => CUR_HOST_NAME.includes(x)) !== "undefined"; } function filterFontlist_Patch(stra, strb) { return String([...new Set(stra.split(","))].filter(x => ![...new Set(strb.split(","))].some(y => y.replace(/'/g, "") === x.replace(/'/g, "")))); } /* expire for fontlist cache */ const cache = { value: (data, eT = 6048e5) => { debug("cache Expiration: %c%s hrs", "color:green;font-weight:700", eT / 36e5); return { data: data, expired: Date.now() + eT, }; }, set: (key, ...options) => GMsetValue(key, defCon.encrypt(JSON.stringify(cache.value(...options)))), get: async key => { const obj = await GMgetValue(key); if (!obj) return null; try { const value = JSON.parse(defCon.decrypt(obj)); const data = value.data; const expiredTime = value.expired; const curTime = Date.now(); debug("cache Remaining: %c%s hrs", "color:crimson;font-weight:700", ((expiredTime - curTime) / 36e5).toFixed(2)); if (expiredTime > curTime && typeof data === "object") { return data; } else { cache.remove(key); return null; } } catch (e) { error("Cache.get:", e.message); cache.remove(key); return null; } }, remove: key => GMdeleteValue(key), }; /* Data download */ function dataDownload(f, d) { let e = cE("a"); e.setAttribute("href", "data:application/octet-stream;charset=utf-8," + defCon.encrypt(String(d))); e.setAttribute("download", f); e.style.display = "none"; document.body.appendChild(e); e.click(); document.body.removeChild(e); e = null; } /* New SliderChecker */ function setSliderProperty(a, b, c) { if (!a) return; a.value = Number(b).toFixed(c); a.setAttribute("value", Number(b)); a.parentNode.style.setProperty("--value", Number(b)); a.parentNode.style.setProperty("--text-value", JSON.stringify(Number(b).toFixed(c))); } function checkInputValue(b, a, c, f, g = false) { if (!b || !a) return; b.addEventListener("input", () => (b.value = b.value.replace(/[^0-9.]/, ""))); b.addEventListener("change", function () { const thatValue = this.value === "OFF" ? (g ? 1 : 0) : this.value ? Number(this.value) : null; const d = Number(a.parentNode.style.getPropertyValue("--value")); if (!c.test(thatValue) || thatValue < a.parentNode.style.getPropertyValue("--min") || thatValue > a.parentNode.style.getPropertyValue("--max")) { setSliderProperty(a, d, f); b.value = d === (g ? 1 : 0) ? "OFF" : d.toFixed(f); b._value_ = d; } else { setSliderProperty(a, thatValue, f); b.value = g ? (thatValue === 1 ? "OFF" : thatValue.toFixed(f)) : thatValue === 0 ? "OFF" : thatValue.toFixed(f); b._value_ = thatValue; } }); } /* new ColorDepth */ const toColordepth = (hexa, s) => { hexa = /^#[0-9A-F]{8}$/.test(hexa) ? hexa.substring(1) : "FFFFFFFF"; const rgbaToHexa = rgba => { const { r, g, b, a } = rgba; return ( Math.floor(r).toString(16).padStart(2, "0") + Math.floor(g).toString(16).padStart(2, "0") + Math.floor(b).toString(16).padStart(2, "0") + Math.floor(a).toString(16).padStart(2, "0") ); }; const hexaToRgba = hexa => { return { r: parseInt(hexa.substr(0, 2), 16), g: parseInt(hexa.substr(2, 2), 16), b: parseInt(hexa.substr(4, 2), 16), a: parseInt(hexa.substr(6, 2) || "FF", 16), }; }; const setBrightness = rgba => { const { r, g, b, a } = rgba; return { r: 0.992 * r, g: 0.967 * g, b: 0.928 * b, a: a * 0.853 }; }; const tl = x => Math.min(255, Math.floor(x * s)); const { r, g, b, a } = hexaToRgba(hexa); return `#${rgbaToHexa(setBrightness({ r: tl(r), g: tl(g), b: tl(b), a: tl(a) }))}`; }; const getBrightness = hexa => { const { r, g, b, a } = { r: parseInt(hexa.substr(0, 2), 16), g: parseInt(hexa.substr(2, 2), 16), b: parseInt(hexa.substr(4, 2), 16), a: parseInt(hexa.substr(6, 2), 16) / 256, }; return (0.299 * r + 0.587 * g + 0.114 * b) / a; }; /* new FrDialogBox */ class FrDialogBox { constructor({ titleText = "Test", messageText = "Test message.", trueButtonText = "OK", falseButtonText = null, neutralButtonText = null } = {}) { this.titleText = titleText; this.messageText = messageText; this.trueButtonText = trueButtonText; this.falseButtonText = falseButtonText; this.neutralButtonText = neutralButtonText; this.hasFalse = falseButtonText !== null; this.hasNeutral = neutralButtonText !== null; this.frDialog = undefined; this.trueButton = undefined; this.falseButton = undefined; this.neutralButton = undefined; this.parent = document.body; this.__create(this); this.__append(); this.__rescale(); } __create(context) { this.container = cE("fr-dialogbox"); this.container.id = defCon.id.dialogbox; this.frDialog = cE("div"); this.frDialog.classList.add(defCon.class.db); this.frDialog.style.opacity = 0; this.container.appendChild(this.frDialog); const title = cE("div"); title.textContent = this.titleText; title.classList.add(defCon.class.dbt); this.frDialog.appendChild(title); const question = cE("div"); question.innerHTML = trustedTypesPolicy.createHTML(this.messageText); question.classList.add(defCon.class.dbm); this.frDialog.appendChild(question); const buttonContainer = cE("div"); buttonContainer.classList.add(defCon.class.dbbc); this.frDialog.appendChild(buttonContainer); this.trueButton = cE("a"); this.trueButton.classList.add(defCon.class.dbb, defCon.class.dbbt); this.trueButton.textContent = this.trueButtonText; this.trueButton.addEventListener("click", () => context.__destroy()); buttonContainer.appendChild(this.trueButton); if (this.hasFalse) { this.falseButton = cE("a"); this.falseButton.classList.add(defCon.class.dbb, defCon.class.dbbf); this.falseButton.textContent = this.falseButtonText; this.falseButton.addEventListener("click", () => context.__destroy()); buttonContainer.appendChild(this.falseButton); } if (this.hasNeutral) { this.neutralButton = cE("a"); this.neutralButton.classList.add(defCon.class.dbb, defCon.class.dbbn); this.neutralButton.textContent = this.neutralButtonText; this.neutralButton.addEventListener("click", () => context.__destroy()); buttonContainer.appendChild(this.neutralButton); } } __append() { const container = this.container; const appendedNode = FrDialogBox.closure("Redeploy"); if (CUR_WINDOW_TOP && container && appendedNode) { this.parent.appendChild(container); sleep(100)(this.frDialog).then(f => f && (f.style.opacity = 1)); } } __rescale() { fdm.read(() => { const scale = Number(gS(this.parent).zoom) || defCon.curScale || 1; if (scale === 1) return; IS_REAL_GECKO ? fdm.write(() => (this.container.style.cssText += `transform-origin:left top 0;transform:scale(${1 / scale});width:99vw;height:99vh;top:0;`)) : fdm.write(() => (this.container.style.cssText += `zoom:${1 / scale}`)); }); } __destroy() { if (this.container) { this.parent.removeChild(this.container); debug("FrDialogBox.Destroy.status: %o", delete this); } } static closure(s) { if (document.getElementById(defCon.id.dialogbox)) { const status = !safeRemove("fr-dialogbox", this.parent); debug("FrDialogBox.%s.status: %o", s ?? "Closure", s ? status : delete this); return status; } return !!s; } respond() { return new Promise((resolve, reject) => { if (!this.frDialog || !this.trueButton) reject(new Error("FrDialogBox error!")); this.trueButton.addEventListener("click", () => resolve(true)); if (this.hasFalse) this.falseButton.addEventListener("click", () => resolve(false)); }).catch(e => error("FrDialogBox:", e.message)); } } /* Font filtering & discriminating list */ const fontCheck = new Set([ { ch: "微软雅黑", en: "Microsoft YaHei" }, { ch: "微軟正黑體", en: "Microsoft JhengHei" }, { ch: "苹方-简", en: "PingFang SC", ps: "PingFangSC-Regular" }, { ch: "蘋方-繁", en: "PingFang TC", ps: "PingFangTC-Regular" }, { ch: "蘋方-港", en: "PingFang HK", ps: "PingFangHK-Regular" }, { ch: "更纱黑体 SC", en: "Sarasa Gothic SC", ps: "Sarasa-Gothic-SC-Regular" }, { ch: "更紗黑體 TC", en: "Sarasa Gothic TC", ps: "Sarasa-Gothic-TC-Regular" }, { ch: "冬青黑体简", en: "Hiragino Sans GB", ps: "HiraginoSansGB-Regular" }, { ch: "兰亭黑-简", en: "Lantinghei SC", ps: "FZLTTHK--GBK1-0" }, { ch: "OPPOSans", en: "OPPOSans", ps: "OPPOSans-R" }, { ch: "霞鹜文楷", en: "LXGW WenKai" }, { ch: "鸿蒙黑体", en: "HarmonyOS Sans SC" }, { ch: "浪漫雅圆", en: "LMYY" }, { ch: "思源黑体", en: "Source Han Sans SC" }, { ch: "思源宋体", en: "Source Han Serif SC" }, { ch: "汉仪旗黑", en: "HYQiHei", ps: "HYQiHei-EES" }, { ch: "文泉驿微米黑", en: "WenQuanYi Micro Hei", ps: "WenQuanYiMicroHei" }, { ch: "文泉驿正黑", en: "WenQuanYi Zen Hei", ps: "WenQuanYiZenHei" }, { ch: "方正舒体", en: "FZShuTi" }, { ch: "方正姚体", en: "FZYaoti" }, { ch: "华文仿宋", en: "STFangsong" }, { ch: "华文楷体", en: "STKaiti" }, { ch: "华文细黑", en: "STXihei" }, { ch: "华文彩云", en: "STCaiyun" }, { ch: "华文琥珀", en: "STHupo" }, { ch: "华文新魏", en: "STXinwei" }, { ch: "华文隶书", en: "STLiti" }, { ch: "华文行楷", en: "STXingkai" }, { ch: "雅痞-简", en: "Yuppy SC", ps: "YuppySC-Regular" }, { ch: "圆体-简", en: "Yuanti SC", ps: "YuantiSC-Regular" }, { ch: "手书体", en: "ShouShuti" }, { ch: "幼圆", en: "YouYuan" }, ]); async function matchByPostScriptName(t) { let returnName; const fontCheckList = await getMergedFontCheckList(); for (const fontname of fontCheckList.values()) { if (fontname.en === t && fontname.ps) { returnName = fontname.ps; break; } } return returnName || t; } async function getMergedFontCheckList(defFontCheck = fontCheck) { let cusFontCheck; const cusFontList = await GMgetValue("_CUSTOM_FONTLIST_"); try { cusFontCheck = cusFontList ? [...JSON.parse(defCon.decrypt(cusFontList))] : []; } catch (e) { error("CusFontCheck.JSON.parse:", e.message); cusFontCheck = []; } return getUniqueValues([...defFontCheck, ...cusFontCheck].slice(0)); } class SupportFontFamily { constructor() { this.canvasWidth = 200; this.canvasHeight = 100; this.fontSize = 80; this.fontText = "Aa啊"; this.originFont = "'Courier New',Courier,monospace"; const canvas = cE("canvas"); canvas.width = this.canvasWidth; canvas.height = this.canvasHeight; this.canvasContext = canvas.getContext("2d", { willReadFrequently: true }); this.canvasContext.textAlign = "center"; this.canvasContext.fillStyle = "black"; this.canvasContext.textBaseline = "middle"; this.originFontData = this._checkFont(this.originFont); this.detectFontData = null; } _checkFont(fontName) { try { this.canvasContext.clearRect(0, 0, this.canvasWidth, this.canvasHeight); this.canvasContext.font = `${this.fontSize}px ${this.originFont.toUpperCase() === fontName.toUpperCase() ? this.originFont : `'${fontName}',${this.originFont}`}`; this.canvasContext.fillText(this.fontText, this.canvasWidth / 2, this.canvasHeight / 2); const fontData = this.canvasContext.getImageData(0, 0, this.canvasWidth, this.canvasHeight).data; return JSON.stringify(Array.prototype.slice.call(fontData, 0).filter(k => k !== 0)); } catch (e) { error("SupportFontFamily.checkFont:", e.message); return null; } } detect(font) { if (typeof font !== "string" || !font) return false; if (this.originFont.toUpperCase().includes(font.toUpperCase())) return true; this.detectFontData = this._checkFont(font); const fontSupport = this.originFontData !== this.detectFontData; fontSupport && debug("detect Fonts: %O", { data: JSON.parse(this.detectFontData), font: unescape(font.replace(/\\/g, "%u")), }); return fontSupport; } } function getUniqueValues(arr) { if (!Array.isArray(arr)) return []; for (let i = 0; i < arr.length; i++) { for (let j = i + 1; j < arr.length; j++) { if (arr[i] && arr[j] && (arr[i].ch === arr[j].ch || arr[i].en === arr[j].en)) { if (!arr[i].ps) { arr.splice(i, 1); i = Math.max(0, i - 1); } else { arr.splice(j, 1); j = j - 1; } } } } return arr; } function getDeduplicatedValues(arra, arrb) { return [...arra].filter(x => ![...arrb].some(y => y.en === x.en || y.ch === x.ch)); } const ddRemove = item => { if (!item) return; item.remove(); const temp = item.nextElementSibling; if (temp?.nodeName === "DD") ddRemove(temp); }; const fontSet = function (s) { return { hide: () => qA(s).forEach(item => fdm.write(() => (item.style.cssText += "display:none"))), show: () => qA(s).forEach(item => fdm.write(() => (item.style.cssText += "display:block"))), cloze: async (item, fontData) => { ddRemove(item.parentNode); const value = item.parentNode.children[1].value; const sort = Number(item.parentNode.children[1].attributes.sort.value) || -1; const text = item.parentNode.children[0].textContent; fontData.push({ ch: text, en: value, sort: sort }); getUniqueValues(fontData).sort((a, b) => a.sort - b.sort); const submitButton = qS(`#${defCon.id.submit} .${defCon.class.submit}`); if (qA(`#${defCon.id.fontList} .${defCon.class.close}`).length === 0) { for (let i = defCon.values.length - 1; i >= 0; i--) { if (defCon.values[i] === defCon.id.fontName) { defCon.values.splice(i, 1); break; } } if (submitButton?.classList.contains(defCon.class.anim)) { if (!defCon.values.length) { submitButton.classList.remove(defCon.class.anim); if (defCon.isPreview) { submitButton.textContent = "\u4fdd\u5b58"; submitButton.removeAttribute("style"); submitButton.removeAttribute("v-Preview"); loadPreview(defCon.preview); } } else if (!defCon.values.includes(defCon.id.fontName) && defCon.isPreview) { submitButton.textContent = "\u9884\u89c8"; submitButton.setAttribute("style", "background-color:coral!important;border-color:coral!important"); submitButton.setAttribute("v-Preview", "true"); } } qS(`#${defCon.id.selector}`).style.cssText += "display:none;"; const ffaceT = qS(`#${defCon.id.fface}`); const inputFont = qS(`#${defCon.id.fontList} .${defCon.class.selectFontId} input`); if (ffaceT.checked) { const fontCheckList = await getMergedFontCheckList(); for (let i = 0, l = fontCheckList.length; i < l; i++) { if (fontCheckList[i].en === defCon.refont || convertToUnicode(fontCheckList[i].ch) === defCon.refont) { defCon.curFont = fontCheckList[i].ch; break; } } inputFont.setAttribute("placeholder", `\u5f53\u524d\u5b57\u4f53\uff1a${defCon.curFont}`); const submitPreview = qS(`#${defCon.id.submit} .${defCon.class.submit}[v-Preview="true"]`); submitPreview?.click(); } } else { const closeButton = qS(`#${defCon.id.fontList} .${defCon.class.close}`); const remainsFont = closeButton?.parentNode?.children[0]?.textContent; const remainsNext = closeButton?.parentNode?.nextElementSibling; const remainsSecondFont = remainsNext?.children[0]?.textContent ?? defCon.curFont; if (submitButton && (remainsFont !== defCon.curFont || remainsSecondFont !== defCon.curFont) && defCon.isPreview) { submitButton.textContent = "\u9884\u89c8"; submitButton.setAttribute("style", "background-color:coral!important;border-color:coral!important"); submitButton.setAttribute("v-Preview", "true"); } } }, fdeleteList: fontData => { const closeNodes = qA(`#${defCon.id.fontList} .${defCon.class.close}`); closeNodes.forEach(item => fontSet().cloze(item, fontData)); }, fresetList: fontData => { fontSet().fdeleteList(fontData); const fontlistSelectorNode = qS(`#${defCon.id.fontList} .${defCon.class.selector}`); fontlistSelectorNode.insertAdjacentHTML( "beforeend", trustedTypesPolicy.createHTML( `微软雅黑\u0026\u0023\u0032\u0031\u0035\u003b` ) ); fontlistSelectorNode.parentNode.style.cssText += "display:block;"; for (let i = 0; i < fontData.length; i++) { if (fontData[i].en === "Microsoft YaHei") { fontData.splice(i, 1); i = fontData.length; } } defCon.values.push(defCon.id.fontName); const cleanerNode = qS(`#${defCon.id.selector} #${defCon.id.cleaner}`); cleanerNode?.addEventListener("click", () => fontSet().fdeleteList(fontData)); const closeNodes = qA(`#${defCon.id.fontList} .${defCon.class.close}`); closeNodes.forEach(item => item.addEventListener("click", () => fontSet().cloze(item, fontData))); }, fsearchList: name => { let arr = []; const inputListNodes = qA(`#${defCon.id.selector} .${defCon.class.selector} input[name="${name}"]`); inputListNodes.forEach(item => arr.push(item.value)); return arr.filter(Boolean); }, fsearch: fontData => { const fHtml = String( `
已选择字体\uff1a[清空]
设置字体，请选择\uff1a
\ud83d\udd14

温馨提示 脚本预载了常用的中文字体，下拉菜单中所罗列的字体是在代码字体表中您已安装过的字体，没有安装过则不会显示。

（注一）如果没有重新选择字体，则使用上一次保存的字体。首次使用默认为微软雅黑字体。

（注二）输入框可输入关键字进行搜索，支持中文和英文字体名。

（注三）字体是按您选择的先后顺序进行优先渲染的，所以多选不如只选一个您最想要的。

（注四）如果“字体重写”被关闭，那么本功能将自动禁用，网页字体将采用“网站默认”的字体设置。

（注五）双击\ud83d\udd14可以打开自定义字体的添加工具，以使用更多新字体。
` ); const domId = qS(s); setRAFInterval( () => { if (!qS(`#${defCon.id.selector}`) && domId) domId.innerHTML = trustedTypesPolicy.createHTML(fHtml); return !!qS(`#${defCon.id.selector}`); }, 100, { runNow: true } ); const ffaceT = qS(`#${defCon.id.fface}`); const fselectorT = qS(`#${defCon.id.fontList} .${defCon.class.selectFontId} input`); if (ffaceT && fselectorT) { changeSelectorStatus(ffaceT.checked, fselectorT, defCon.class.readonly); ffaceT.addEventListener("change", () => changeSelectorStatus(ffaceT.checked, fselectorT, defCon.class.readonly)); } qS(`#${defCon.id.selector}`).style.cssText += "display:none;"; fselectorT.addEventListener("input", () => searchEvents(fselectorT.value)); fselectorT.addEventListener("click", function (e) { if (this.value.length === 0) { const selector = `#${defCon.id.fontList} .${defCon.class.selectFontId} dl`; const dlContainer = fontSet(selector); const dl = qS(selector); dlContainer.show(); if (fontData.length === 0 && dl) { dl.innerHTML = trustedTypesPolicy.createHTML("
\u6570\u636e\u6e90\u6682\u65e0\u6570\u636e
"); } else { dl.textContent = ""; getUniqueValues(fontData).sort((a, b) => a.sort - b.sort); fontData.forEach(item => { dl.insertAdjacentHTML( "beforeend", trustedTypesPolicy.createHTML(`
${item.ch}
`) ); }); } clickEvents(); } else { searchEvents(this.value); } e.stopPropagation(); }); document.addEventListener("click", selectorHidden); /* Internal list functions */ function changeSelectorStatus(inputCheckedStatus, f, cssName) { if (!f) return; if (inputCheckedStatus) { f.removeAttribute("disabled"); f.classList.remove(cssName); } else { fontSet().fdeleteList(fontData); f.setAttribute("disabled", "disabled"); f.classList.add(cssName); } } function selectorHidden() { fontSet(`#${defCon.id.fontList} .${defCon.class.selectFontId} dl`).hide(); const selectorInput = qS(`#${defCon.id.fontList} .${defCon.class.selectFontId} input`); if (selectorInput) selectorInput.value = ""; } function searchEvents(t) { const selector = `#${defCon.id.fontList} .${defCon.class.selectFontId} dl`; const dlContainer = fontSet(selector); const dl = qS(selector); dlContainer.hide(); if (fontData.length > 0 && dl) { dlContainer.show(); const sText = t.replace(/[.:?*+^$[\](){}\\/|]/g, "\u2717"); const sRegExp = new RegExp(sText, "i"); let sMatched = false; dl.textContent = ""; getUniqueValues(fontData).forEach(item => { if (sRegExp.test(item.ch) || sRegExp.test(item.en)) { sMatched = true; dl.insertAdjacentHTML( "beforeend", trustedTypesPolicy.createHTML(`
${item.ch}
`) ); } }); if (!sMatched) dl.innerHTML = trustedTypesPolicy.createHTML("
\u6682\u65e0\u60a8\u641c\u7d22\u7684\u5b57\u4f53
"); clickEvents(); } } function clickEvents() { const selectFontNodes = qA(`#${defCon.id.fontList} .${defCon.class.selectFontId} dl dd`); selectFontNodes.forEach(item => { item.addEventListener("click", function (e) { const value = this.attributes?.value?.value; const sort = this.attributes?.sort?.value; const selector = qS(`#${defCon.id.fontList} .${defCon.class.selector}`); if (value && sort && selector) { selector.insertAdjacentHTML( "beforeend", trustedTypesPolicy.createHTML( `${this.textContent}\u0026\u0023\u0032\u0031\u0035\u003b` ) ); selector.parentNode.style.cssText += "display:block;"; fontData = getUniqueValues(fontData); for (let i = 0; i < fontData.length; i++) { if (fontData[i].en === value) { fontData.splice(i, 1); i = fontData.length; } } const cleanerNode = qS(`#${defCon.id.selector} #${defCon.id.cleaner}`); cleanerNode?.addEventListener("click", () => fontSet().fdeleteList(fontData)); const closeNodes = qA(`#${defCon.id.fontList} .${defCon.class.close}`); closeNodes.forEach(item => item.addEventListener("click", () => fontSet().cloze(item, fontData))); const submitButton = qS(`#${defCon.id.submit} .${defCon.class.submit}`); if (!defCon.values.includes(defCon.id.fontName)) defCon.values.push(defCon.id.fontName); if (!submitButton?.classList.contains(defCon.class.anim)) submitButton?.classList.add(defCon.class.anim); if (submitButton && defCon.isPreview) { submitButton.textContent = "\u9884\u89c8"; submitButton.setAttribute("style", "background-color:coral!important;border-color:coral!important"); submitButton.setAttribute("v-Preview", "true"); } } selectorHidden(); e.stopPropagation(); }); }); } }, }; }; /* define default value */ const INITIAL_VALUES = { fontBase: `system-ui,-apple-system,BlinkMacSystemFont,sans-serif,'iconfont','icomoon','FontAwesome','Font Awesome 5 Pro','Font Awesome 6 Pro','IcoFont','fontello','themify','Material Icons','Material Icons Extended','bootstrap-icons','Segoe Fluent Icons','Material-Design-Iconic-Font','office365icons','Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji','Android Emoji','EmojiSymbols','emojione mozilla','twemoji mozilla'`, fontSelect: `'Microsoft YaHei'`, fontFace: true, fontSmooth: true, fontSize: 1.0, fontStroke: IS_REAL_GECKO ? 0.08 : 0.015, fixStroke: IS_REAL_BLINK, fontShadow: IS_REAL_GECKO ? 0.36 : 0.75, shadowColor: IS_REAL_GECKO ? "#7C7C7C70" : "#7C7C7CDD", fontCSS: `:not(i,head *):not([class*='glyph']):not([class*='icon']):not([class*='fa-']):not([class*='vjs-'])`, fontEx: `input,select,button,textarea,samp,kbd,pre,pre *,code,code *`, monospacedFont: `'Operator Mono Lig','Fira Code','Source Code Pro','DejaVu Sans Mono','Anonymous Pro','Ubuntu Mono','Roboto Mono','JetBrains Mono','Droid Sans Mono','Mono','Monaco','Menlo','Inconsolata','Liberation Mono'`, editorialSites: `github.dev|github1s.com|kdocs.cn|docs.qq.com|cdn.addon.tencentsuite.com|yuque.com|xiezuocat.com|wolai.com|shimo.im|note.youdao.com|feishu.cn|docs.google.com|mail.google.com|newassets.hcaptcha.com`, }; const IS_MACOS = getNavigator.system().startsWith("macOS"); const DONOT_SCALE = matchEditorialDomain(INITIAL_VALUES.editorialSites); const SCRIPT_KEY = getMetaValue("\u0061\u0075\u0074\u0068\u006f\u0072"); const FEEDBACK_URI = getMetaValue("\u0073\u0075\u0070\u0070\u006f\u0072\u0074\u0055\u0052\u004c"); const ROOT_SECRET_KEY = "\u8ab1\u004a\u0056\u0069\u0059\u7409\u67d3\u5b7a\u80ba\u0070\u0032\u004f\u64d3\u0030\u8151\u0074\u5c80\u5b9a\u81ba\u0065"; const CONST_VALUES = {}; /* Determine whether the DOM is loaded */ const fullStyle = (b, c) => `display:inline-block;background-color:${b};color:${c};font-family:monospace;border-radius:4px;padding:4px 8px;`; const leftStyle = b => `display:inline-block;background-color:${b};color:snow;font-family:monospace;border-radius:4px 0 0 4px;padding:4px 0 4px 8px`; const rightStyle = b => `display:inline-block;background-color:${b};color:snow;font-family:monospace;font-style:italic;border-radius:0 4px 4px 0;padding:4px 8px`; const remarkStyle = c => `display:inline-block;color:${c};font-family:monospace;line-height:180%`; function addLoadEvents(fn, result = false) { const onReadyStateChange = () => { if (document.readyState !== "loading" && document.body) { if (!result) { result = typeof fn === "function" && fn(); info( `%c[DOM][READYSTATE]:%c${document.readyState}!%c\r\n%c \u3000\u27A6${IS_FRAMES} ${CUR_HOST_NAME} %c${CUR_HOST_PATH}`, leftStyle("slateblue"), rightStyle("slateblue"), "display:block;height:0", remarkStyle("0"), remarkStyle("grey") ); } } else { document.addEventListener("DOMContentLoaded", () => { result = typeof fn === "function" && fn(); info("%c[DOM][READYSTATE]:%cLoading & Parsing!", leftStyle("darkorange"), rightStyle("darkorange")); }); } if (document.readyState === "complete" && result) { insertStyle_AsyncFrames(); info( `%c[DOM][READYSTATE]:%cLoad complete!%c\r\n%c \u3000\u27A6${IS_FRAMES} ${CUR_HOST_NAME} %c${CUR_HOST_PATH}`, leftStyle("green"), rightStyle("green"), "display:block;height:0", remarkStyle("0"), remarkStyle("grey") ); document.removeEventListener("readystatechange", onReadyStateChange); } }; document.addEventListener("readystatechange", onReadyStateChange); } /* Start specific operation */ !(async function FontRendering(loading) { "use strict"; /* eslint-disable no-alert */ /* initialling Menus */ if (CUR_WINDOW_TOP && !isGM) { loading = GMregisterMenuCommand("\ufff0\ud83d\udd52 正在载入脚本菜单，请稍候…", () => {}); } /* get configure value */ let maxPersonalSites, isBackupFunction, isPreview, isFontsize, isHotkey, isCloseTip, rebuild, curVersion, _config_data_; let configure = await GMgetValue("_CONFIGURE_"); if (!configure) { maxPersonalSites = 100; isBackupFunction = true; isPreview = false; isFontsize = false; isHotkey = true; isCloseTip = false; rebuild = undefined; curVersion = undefined; _config_data_ = { maxPersonalSites, isBackupFunction, isPreview, isFontsize, isHotkey, isCloseTip, rebuild, curVersion }; saveData("_CONFIGURE_", _config_data_); } else { try { _config_data_ = JSON.parse(defCon.decrypt(configure)); } catch (e) { error("_config_data_.JSON.parse:", e.message); defCon.structureError = true; _config_data_ = {}; } maxPersonalSites = Number(_config_data_.maxPersonalSites) || 100; isBackupFunction = Boolean(_config_data_.isBackupFunction ?? true); isPreview = Boolean(_config_data_.isPreview); isFontsize = isGM ? false : Boolean(_config_data_.isFontsize); isHotkey = Boolean(_config_data_.isHotkey ?? true); isCloseTip = Boolean(_config_data_.isCloseTip); rebuild = _config_data_.rebuild; curVersion = _config_data_.curVersion; } defCon.isPreview = isPreview; defCon.isFontsize = isFontsize; /* get monospaced fontslist */ const monospaced_siteRules = await GMgetValue("_MONOSPACED_SITERULES_"); try { CONST_VALUES.monospacedSiteRules = monospaced_siteRules ? [...JSON.parse(defCon.decrypt(monospaced_siteRules))] : []; } catch (e) { error("Monospaced_siteRules.Array.parse:", e.message); CONST_VALUES.monospacedSiteRules = []; } const monospaced_Fontlist = await GMgetValue("_MONOSPACED_FONTLIST_"); try { CONST_VALUES.monospacedFont = monospaced_Fontlist ? filterHtmlToText(JSON.parse(defCon.decrypt(monospaced_Fontlist))) : ""; } catch (e) { error("Monospaced_Fontlist.String.parse:", e.message); CONST_VALUES.monospacedFont = ""; } /* initialize Exclude site */ let exSite, _exSite; const defExSite = ["workstation-xi"].sort(); const updateExsitesIndex = e => { for (let i = 0, l = e.length; i < l; i++) { if (e[i] === CUR_HOST_NAME) return i; } }; _exSite = await GMgetValue("_EXCLUDE_SITES_"); if (!_exSite) { saveData("_EXCLUDE_SITES_", defExSite); exSite = defExSite; } else { try { exSite = [...JSON.parse(defCon.decrypt(_exSite))]; } catch (e) { error("ExSite.JSON.parse:", e.message); defCon.structureError = true; exSite = defExSite; } } defCon.exSitesIndex = updateExsitesIndex(exSite); /* Set Default Fonts Value & initialize */ let fontValue, domainValue, domainValueIndex; let domains = await GMgetValue("_DOMAINS_FONTS_SET_"); const fonts = await GMgetValue("_FONTS_SET_"); const updateDomainsIndex = (s, t = CUR_HOST_NAME) => { for (let i = 0, l = s.length; i < l; i++) { if (s[i].domain === t) return i; } }; if (!domains) { saveData("_DOMAINS_FONTS_SET_", []); } else { try { domainValue = [...JSON.parse(defCon.decrypt(domains))]; } catch (e) { error("DomainValue.JSON.parse:", e.message); defCon.structureError = true; domainValue = []; } domainValueIndex = updateDomainsIndex(domainValue); defCon.domainCount = domainValue.length; defCon.domainIndex = domainValueIndex; } if (!fonts) { saveData("_FONTS_SET_", { fontSelect: INITIAL_VALUES.fontSelect, fontFace: INITIAL_VALUES.fontFace, fontSmooth: INITIAL_VALUES.fontSmooth, fontSize: INITIAL_VALUES.fontSize, fontStroke: INITIAL_VALUES.fontStroke, fixStroke: INITIAL_VALUES.fixStroke, fontShadow: INITIAL_VALUES.fontShadow, shadowColor: INITIAL_VALUES.shadowColor, fontCSS: INITIAL_VALUES.fontCSS, fontEx: INITIAL_VALUES.fontEx, }); CONST_VALUES.fontSelect = INITIAL_VALUES.fontSelect; CONST_VALUES.fontFace = INITIAL_VALUES.fontFace; CONST_VALUES.fontSmooth = INITIAL_VALUES.fontSmooth; CONST_VALUES.fontSize = INITIAL_VALUES.fontSize; CONST_VALUES.fontStroke = INITIAL_VALUES.fontStroke; CONST_VALUES.fixStroke = INITIAL_VALUES.fixStroke; CONST_VALUES.fontShadow = INITIAL_VALUES.fontShadow; CONST_VALUES.shadowColor = INITIAL_VALUES.shadowColor; CONST_VALUES.fontCSS = INITIAL_VALUES.fontCSS; CONST_VALUES.fontEx = INITIAL_VALUES.fontEx; } else { try { fontValue = JSON.parse(defCon.decrypt(fonts)); } catch (e) { error("FontValue.JSON.parse:", e.message); defCon.structureError = true; fontValue = {}; } if (typeof domainValueIndex !== "undefined") { CONST_VALUES.fontSelect = filterFontlist_Patch(filterHtmlToText(domainValue[domainValueIndex].fontSelect), INITIAL_VALUES.fontBase); CONST_VALUES.fontFace = Boolean(domainValue[domainValueIndex].fontFace); CONST_VALUES.fontSmooth = Boolean(domainValue[domainValueIndex].fontSmooth); CONST_VALUES.fontSize = !defCon.isFontsize ? 1 : DONOT_SCALE ? 1 : Number(domainValue[domainValueIndex].fontSize) || 1; CONST_VALUES.fontStroke = Number(domainValue[domainValueIndex].fontStroke) || 0; CONST_VALUES.fixStroke = !IS_REAL_BLINK || !CONST_VALUES.fontStroke ? false : Boolean(domainValue[domainValueIndex].fixStroke ?? true); CONST_VALUES.fontShadow = Number(domainValue[domainValueIndex].fontShadow) || 0; CONST_VALUES.shadowColor = filterHtmlToText(domainValue[domainValueIndex].shadowColor); CONST_VALUES.fontCSS = filterHtmlToText(domainValue[domainValueIndex].fontCSS) || INITIAL_VALUES.fontCSS; CONST_VALUES.fontEx = filterHtmlToText(domainValue[domainValueIndex].fontEx) || ""; } else { CONST_VALUES.fontSelect = filterFontlist_Patch(filterHtmlToText(fontValue.fontSelect), INITIAL_VALUES.fontBase); CONST_VALUES.fontFace = Boolean(fontValue.fontFace); CONST_VALUES.fontSmooth = Boolean(fontValue.fontSmooth); CONST_VALUES.fontSize = !defCon.isFontsize ? 1 : DONOT_SCALE ? 1 : Number(fontValue.fontSize) || 1; CONST_VALUES.fontStroke = Number(fontValue.fontStroke) || 0; CONST_VALUES.fixStroke = !IS_REAL_BLINK || !CONST_VALUES.fontStroke ? false : Boolean(fontValue.fixStroke ?? true); CONST_VALUES.fontShadow = Number(fontValue.fontShadow) || 0; CONST_VALUES.shadowColor = filterHtmlToText(fontValue.shadowColor); CONST_VALUES.fontCSS = filterHtmlToText(fontValue.fontCSS) || INITIAL_VALUES.fontCSS; CONST_VALUES.fontEx = filterHtmlToText(fontValue.fontEx) || ""; } } defCon.curScale = typeof defCon.exSitesIndex === "undefined" ? CONST_VALUES.fontSize : INITIAL_VALUES.fontSize; /* Rebuild data for update if necessary */ const SET_BOOL_FOR_UPDATE = false; // 2023.01.01 if (CUR_WINDOW_TOP) { const keys = await GMlistValues(); if ( defCon.structureError === true || (typeof rebuild === "boolean" && rebuild === SET_BOOL_FOR_UPDATE) || (keys?.length >= 8 && typeof rebuild === "undefined" && typeof (await GMgetValue("_FONTCHECKLIST_")) === "undefined") ) { for (let key of keys) { if (key !== "_CONFIGURE_" || defCon.structureError === true) GMdeleteValue(key); } if (defCon.structureError !== true) { console.warn( "%c数据被重建 [%s]\r\n%c程序已开启更新数据重建选项，所有配置数据已初始化，您可手动还原正确的备份数据。但强烈建议您重新配置参数，以使用最新参数功能！", "font-weight:700", new Date().toUTCString(), "font-weight:400" ); _config_data_.rebuild = !SET_BOOL_FOR_UPDATE; _config_data_.curVersion = undefined; } else { console.error( "%c数据重置警告 [%s]\r\n%c因检测到存储数据解析异常或被非法篡改，为确保程序正常运行，所有配置数据已初始化，请手动还原正确的本地备份数据！", "font-weight:700", new Date().toUTCString(), "font-weight:400" ); _config_data_ = { maxPersonalSites: 100, isBackupFunction: true, isPreview: false, isFontsize: false, isHotkey: true, isCloseTip: false, rebuild: !SET_BOOL_FOR_UPDATE, curVersion: undefined, }; } curVersion = null; saveData("_CONFIGURE_", _config_data_); debug("%cData has been rebuilt: %s", "font-style:italic;background-color:red;color:snow", curVersion === null); } else if (typeof rebuild === "undefined") { _config_data_.rebuild = !SET_BOOL_FOR_UPDATE; saveData("_CONFIGURE_", _config_data_); !!curVersion && cache.remove("_FONTCHECKLIST_"); debug(`%c${!curVersion ? "Configdata was undefined, has being rebuilt!" : "Data has been restored!"}`, `font-style:italic;color:${!curVersion ? "crimson" : "dodgerblue"}`); } else { const dataStatus = curVersion === defCon.curVersion; debug("%cGood Data Status: %c%s", "font-style:italic;color:green", `font-style:italic;${dataStatus ? "color:teal" : "color:red"}`, dataStatus); } } /* DialogBox for the first visit after upgrading */ const hintUpdateInfo = async (url, curVersion) => { const CANDIDATE_FIELD = typeof curVersion === "undefined" ? "新安装首次运行" : curVersion === null ? "数据被重置后运行" : curVersion === defCon.curVersion ? "您通过历史查询" : "更新后首次运行"; const FIRST_INSTALL_NOTICE_WARNING = typeof curVersion === "undefined" ? `
  • 温馨提示 首次加载此脚本时，默认使用内置参数进行渲染，若显示效果不佳，属于正常情况。请根据您的显示器及浏览器的本地配置，重新设定渲染参数以达到最佳效果！
    • ` : ``; const STRUCTURE_ERROR_NOTICE_WARNING = defCon.structureError === true ? `
  • 数据重置警告 由于检测到本地运行的存储数据解析异常或被非法篡改，为确保程序正常运行，所有设置数据已初始化，请您手动还原正确的本地备份数据！
    • ` : curVersion === null ? `
  • 数据被重建 程序已开启更新数据重建选项，所有数据已初始化。您仍可通过备份还原之前的设置数据，但强烈建议您重新配置参数，以使用新功能！记得及时重新备份哟！
    • ` : ``; let frDialog = new FrDialogBox({ trueButtonText: "好，去看看", falseButtonText: "不，算了吧", messageText: String( `

    您好\uff01` + `这是${CANDIDATE_FIELD}${defCon.scriptName}的更新版本` + `` + `V${defCon.curVersion}，更新内容如下\uff1a

    ` + `

      ${FIRST_INSTALL_NOTICE_WARNING}${STRUCTURE_ERROR_NOTICE_WARNING}
    • 新增高级功能『禁用全局数据』可设置仅在指定域名渲染。
    • 优化对话框程序，排除内存泄漏的隐患。
    • 优化针对弹幕型网站海量弹幕渲染修正的效率【设置】
    • 修正safari及Tampermonkey的兼容性问题。
    • 修正一些已知的小问题，优化样式，优化代码。

    建议您先看看 新版帮助文档 ，去看一下吗？

    ` ), titleText: "脚本更新 - 温馨提示", }); if (await frDialog.respond()) GMopenInTab(url, defCon.options); frDialog = null; sleep(5e2)(true) && curVersion === null && location.reload(true); }; if (curVersion !== defCon.curVersion && CUR_WINDOW_TOP) { addLoadEvents(() => { (!isCloseTip || curVersion === null) && hintUpdateInfo(`${HOST_URI}#update`, curVersion); _config_data_.curVersion = defCon.curVersion; saveData("_CONFIGURE_", _config_data_); debug("%cThe script has been upgraded to V%s", "font-style:italic;background-color:yellow;color:crimson", defCon.curVersion); return true; }); } /* Operation of CSS value */ const shadow_r = parseFloat(CONST_VALUES.fontShadow); const shadow_c = CONST_VALUES.shadowColor || INITIAL_VALUES.shadowColor; const overlayColor = (r, c) => { const specialColor = `text-shadow:0 0 ${(r * 1.15).toFixed(2)}px ${toColordepth(c, 1.45)},0 0 ${r}px ${c},0 0 ${(r * 0.75).toFixed(2)}px ${toColordepth(c, 0.4)};`; const currentColor = `text-shadow:0 0 ${r}px ${toColordepth(c, 1.15)},0 0 ${(r * 0.8).toFixed(2)}px ${toColordepth(c, 0.35)},0 0 ${(r * 0.5).toFixed(2)}px currentcolor;`; return c.substring(1) !== "FFFFFFFF" ? specialColor : currentColor; }; const shadow = !isNaN(shadow_r) && shadow_r > 0 && shadow_r <= 4 ? overlayColor(shadow_r, shadow_c) : ""; const stroke_r = parseFloat(CONST_VALUES.fontStroke); const stroke = !isNaN(stroke_r) && stroke_r > 0 && stroke_r <= 1.0 ? `-webkit-text-stroke:${stroke_r}px currentcolor;` : ""; const selection = stroke ? IS_REAL_GECKO ? "::-moz-selection{color:currentcolor!important;background:#1ebee34a!important;}" : "::selection{color:#ffffff!important;background:#0084ff!important;}" : ""; const smooth_i = CONST_VALUES.fontSmooth; const funcSmooth = String( `font-feature-settings:"liga" 0;font-variant:no-common-ligatures proportional-nums;font-optical-sizing:auto;font-kerning:auto;${ getNavigator.core().WebKit && !getNavigator.isCheatUA() ? "-webkit-font-smoothing:antialiased!important;" : IS_REAL_GECKO && IS_MACOS ? "-moz-osx-font-smoothing:grayscale!important;" : "" }` ); const smoothing = smooth_i ? funcSmooth : ""; const funcFontsize = t => { const GKText = `transform:scale(${t});transform-origin:0 0;width:${100 / t}%;height:${100 / t}%;`; const WKtext = `zoom:${t}!important;max-width:-webkit-fill-available;`; return `:root body{${IS_REAL_GECKO ? GKText : WKtext}}`; }; let bodyscale = ""; const fontsize_r = parseFloat(CONST_VALUES.fontSize); if (defCon.isFontsize && !isNaN(fontsize_r) && fontsize_r >= 0.8 && fontsize_r <= 1.5 && fontsize_r !== 1) { bodyscale = funcFontsize(fontsize_r); typeof defCon.exSitesIndex === "undefined" && sleep(20)(fontsize_r).then(r => { defCon.sacleMatrix.push(r); definePropertiesForScale(r, { deleteProperty: false }); }); } else { defCon.sacleMatrix.push(1); } const refont = CONST_VALUES.fontSelect?.split(",")[0]?.replace(/"|'/g, "") ?? ""; const fontface_i = CONST_VALUES.fontFace; const funcFontface = async t => { let returnFontface = ""; const receiveFont = await matchByPostScriptName(t); new Set( [convertToUnicode("宋体"), convertToUnicode("新宋体"), convertToUnicode("黑体")].concat( [convertToUnicode("仿宋"), convertToUnicode("苹方"), convertToUnicode("微软雅黑")], [convertToUnicode("楷体"), convertToUnicode("微软正黑体"), convertToUnicode("微軟正黑體")], ["SimSun", "NSimSun", "SimHei", "FangSong", "FangSong_GB2312", "KaiTi", "KaiTi_GB2312"], ["MingLiU", "MingLiU-ExtB", "PMingLiU", "PMingLiU-ExtB", "Heiti SC", "HanHei SC", "DFKai-SB"], ["Helvetica", "Helvetica Neue", "Lucida Grande", "Arial", "Verdana", "Georgia", "Tahoma"], ["Roboto", "RobotoDraft", "Noto Sans", "Ubuntu", "Segoe UI", "Open Sans"] ) ).forEach(item => { if (item !== t) returnFontface += `@font-face{font-family:"${item}";src:local("${receiveFont}")}`; }); return returnFontface; }; const fontfamily = fontface_i ? `font-family:${CONST_VALUES.fontSelect.concat(",", INITIAL_VALUES.fontBase)};` : ``; const fontfaces = fontface_i ? (refont ? await funcFontface(refont) : "") : ""; const cssexlude = CONST_VALUES.fontEx; const funcCodefont = (t, s, r) => { if (t.search(/\bpre\b|\bcode\b/gi) !== -1) { let custum_monoSiteRules = []; const pre = t.search(/\bpre\b/gi) > -1 ? ["pre", "pre *"] : []; const code = t.search(/\bcode\b/gi) > -1 ? ["code", "code *"] : []; const elcode = ["samp", "kbd", ".code", ".code *"]; const siteRules = ["@github.com##.blob-num,.blob-code,.blob-code *"].concat(CONST_VALUES.monospacedSiteRules); siteRules.forEach(siteRule => { const rules = siteRule.match(/@[\w\-.]+##(?!.*(?[#])\k{1})[\w[\-~*^|$=',.#+:( )>\]]+/g); if (rules) { const rule = rules[0].slice(1).split("##"); if (rule.length === 2 && CUR_HOST_NAME.endsWith(rule[0])) { custum_monoSiteRules = [...new Set(custum_monoSiteRules.concat(rule[1].split(",").filter(Boolean)))]; } } }); const codeSelector = pre.concat(code, elcode, custum_monoSiteRules).join(); const monospace = CONST_VALUES.monospacedFont || INITIAL_VALUES.monospacedFont; const base = s ? r.concat(",", INITIAL_VALUES.fontBase) : INITIAL_VALUES.fontBase; return String( (CAN_I_USE ? `:is(${codeSelector})` : codeSelector).concat( `{font-size:14px!important;line-height:150%!important;`, `-webkit-text-stroke:0px transparent!important;text-shadow:0 0 ${(shadow_r * 0.75).toFixed(2)}px ${toColordepth(shadow_c, 1.65)}!important;`, `font-family:${monospace},ui-monospace,Consolas,'Lucida Console',${IS_REAL_GECKO ? "" : "monospace,"}`, `${IS_REAL_GECKO ? base.replace("system-ui", "monospace,system-ui") : base}!important;`, `font-feature-settings:"liga" 0,"tnum","zero"!important;-webkit-user-select:text!important;user-select:text!important}` ) ); } return ""; }; const clearconfiguration = !fontface_i && !smooth_i && !shadow && !stroke && fontsize_r === 1; const no_shadow_stroke = !shadow && !stroke; const exclude_selector = CAN_I_USE ? `:is(${cssexlude})` : cssexlude; const exclude = !cssexlude || no_shadow_stroke ? `` : exclude_selector.concat("{-webkit-text-stroke:0px transparent!important;text-shadow:none!important}"); const codefont = !cssexlude ? `` : funcCodefont(cssexlude, fontface_i, CONST_VALUES.fontSelect); const cssfun = CONST_VALUES.fontCSS; const textrender = smooth_i ? "text-rendering:optimizeLegibility!important;" : ""; const fixfontstroke = CONST_VALUES.fixStroke ? `[${FIX_STROKE_ATTRNAME}='true']{-webkit-text-stroke:0px transparent!important}` : ``; const fontStyle = String( typeof defCon.exSitesIndex === "undefined" ? `${fontfaces}${bodyscale}`.concat( CAN_I_USE ? `:is(${cssfun})` : cssfun, `{${fontfamily}${shadow}${stroke}${smoothing}${textrender}}`, `${selection}${exclude}${codefont}${fixfontstroke}` ) : `` ); const fontCss_db = String( `#${defCon.id.dialogbox}{width:100%;height:100vh;background:transparent;position:fixed;top:0;left:0;z-index:1999999995}#${defCon.id.dialogbox} .${defCon.class.db}{box-sizing:content-box;max-width:420px;color:#444;border:2px solid #efefef}.${defCon.class.db}{display:block;overflow:hidden;position:absolute;top:150px;right:15px;border-radius:6px;width:100%;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.3);transition:opacity .5s}.${defCon.class.db} *{line-height:1.5!important;font-family:"Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;-webkit-text-stroke:0px transparent!important;text-shadow:0 0 1px #777!important}.${defCon.class.dbt}{background:#efefef;margin-top:0;padding:10px 12px;font-size:18px!important;font-weight:700;text-align:left;width:auto;font-family:Candara,"Times New Roman","Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont!important}.${defCon.class.dbm}{color:#444;padding:10px;margin:5px;font-size:16px!important;font-weight:500;text-align:left}.${defCon.class.dbb}{display:inline-block;margin:2px 1%;border-radius:4px;padding:8px 12px;min-width:12%;font-weight:400;text-align:center;letter-spacing:0;cursor:pointer;text-decoration:none!important;box-sizing:content-box}.${defCon.class.dbb}:hover{color:#fff;opacity:.8;font-weight:900;text-decoration:none!important;box-sizing:content-box}.${defCon.class.db} .${defCon.class.dbt},.${defCon.class.dbb},.${defCon.class.dbb}:hover{text-shadow:none!important;-webkit-text-stroke:0px transparent!important;-webkit-user-select:none;user-select:none}.${defCon.class.dbbf},.${defCon.class.dbbf}:hover{background:#d93223!important;color:#fff!important;border:1px solid #d93223!important;border-radius:6px;font-size:14px!important}.${defCon.class.dbbf}:hover{box-shadow:0 0 3px #d93223!important}.${defCon.class.dbbt},.${defCon.class.dbbt}:hover{background:#038c5a!important;color:#fff!important;border:1px solid #038c5a!important;border-radius:6px;font-size:14px!important}.${defCon.class.dbbt}:hover{box-shadow:0 0 3px #038c5a!important}.${defCon.class.dbbn},.${defCon.class.dbbn}:hover{background:#777!important;color:#fff!important;border:1px solid #777!important;border-radius:6px;font-size:14px!important}.${defCon.class.dbbn}:hover{box-shadow:0 0 3px #777!important}.${defCon.class.dbbc}{text-align:right;padding:2.5%;background:#efefef;color:#fff}` + `.${defCon.class.dbm} button:hover{cursor:pointer;background:#f6f6f6!important;box-shadow:0 0 3px #a7a7a7!important}.${defCon.class.dbm} p{line-height:1.5!important;margin:5px 0!important;text-indent:0!important;font-size:16px!important;font-weight:400;text-align:left;-webkit-user-select:none;user-select:none}.${defCon.class.dbm} ul{list-style:none;margin:0 0 0 10px!important;padding:2px;font:italic 14px/150% "Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;color:gray;scrollbar-width:thin}.${defCon.class.dbm} ul::-webkit-scrollbar{width:10px;height:1px}.${defCon.class.dbm} ul::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px #999;background:#cfcfcf;border-radius:10px}.${defCon.class.dbm} ul::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #aaa;background:#efefef;border-radius:10px}.${defCon.class.dbm} ul::-webkit-scrollbar-track-piece{box-shadow:inset 0 0 5px #aaa;background:#efefef;border-radius:6px}.${defCon.class.dbm} ul li{display:list-item;list-style-type:none;-webkit-user-select:none;user-select:none;word-break:break-all}.${defCon.class.dbm} li:before{display:none}.${defCon.class.dbm} #${defCon.id.bk},.${defCon.class.dbm} #${defCon.id.pv},.${defCon.class.dbm} #${defCon.id.fs},.${defCon.class.dbm} #${defCon.id.hk},.${defCon.class.dbm} #${defCon.id.ct},.${defCon.class.dbm} #${defCon.id.mps},.${defCon.class.dbm} #${defCon.id.flc},.${defCon.class.dbm} #${defCon.id.gc}{box-sizing:content-box;list-style:none;font-style:normal;display:flex;justify-content:space-between;align-items:flex-start;margin:0;padding:2px 4px!important;width:calc(96% - 10px);min-width:auto;height:max-content;min-height:40px;word-break:break-word}` + `.${defCon.class.dbm} #${defCon.id.bk} .${RANDOM_ID}_VIP,.${defCon.class.dbm} #${defCon.id.pv} .${RANDOM_ID}_VIP,.${defCon.class.dbm} #${defCon.id.fs} .${RANDOM_ID}_VIP,.${defCon.class.dbm} #${defCon.id.hk} .${RANDOM_ID}_VIP,.${defCon.class.dbm} #${defCon.id.ct} .${RANDOM_ID}_VIP,.${defCon.class.dbm} #${defCon.id.mps} .${RANDOM_ID}_VIP,.${defCon.class.dbm} #${defCon.id.gc} .${RANDOM_ID}_VIP,.${defCon.class.dbm} #${defCon.id.flc} .${RANDOM_ID}_VIP{margin:2px 0 0 0;color:darkgoldenrod!important;font:normal 16px/150% "Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important}.${defCon.class.dbm} #${defCon.id.flc} button,.${defCon.class.dbm} #${defCon.id.gc} button{box-sizing:border-box!important;margin:0 5px 0 0!important;padding:2px 5px!important;background-color:#eee;color:#444!important;font-size:14px!important;font-weight:normal!important;border:1px solid #999!important;border-radius:4px!important;letter-spacing:normal!important}#${RANDOM_ID}_custom_Fontlist::-webkit-input-placeholder,#${RANDOM_ID}_monospaced_siterules::-webkit-input-placeholder{white-space:pre-line!important}` + `.${defCon.class.dbm} a{color:#0969da;text-decoration:none!important;font-style:inherit}.${defCon.class.dbm} a:hover{color:crimson;text-decoration:underline}.${defCon.class.dbm} #${defCon.id.feedback}{padding:2px 10px;height:22px;width:max-content;min-width:auto}.${defCon.class.dbm} #${defCon.id.files}{display:none}.${defCon.class.dbm} #${defCon.id.feedback}:hover{color:crimson!important}.${defCon.class.dbm} #${defCon.id.feedback}:after{width:0;height:0;content:"";background:url('${LOADING_IMG}') no-repeat -400px -300px}.${defCon.class.dbm} #${RANDOM_ID}_custom_Fontlist:placeholder-shown{font:normal 400 14px/150% monospace,Consolas,'Microsoft YaHei UI',system-ui,-apple-system,BlinkMacSystemFont!important;color:#aaa!important}.${defCon.class.dbm} #${RANDOM_ID}_custom_Fontlist::-webkit-input-placeholder{font:normal 400 14px/150% monospace,Consolas,'Microsoft YaHei UI',system-ui,-apple-system,BlinkMacSystemFont!important;color:#aaa!important}.${defCon.class.dbm} #${RANDOM_ID}_custom_Fontlist::-moz-placeholder{font:normal 400 14px/150% monospace,Consolas,'Microsoft YaHei UI',system-ui,-apple-system,BlinkMacSystemFont!important;color:#555!important}.${defCon.class.dbm} #${RANDOM_ID}_update li{margin:0;padding:0;font:italic 400 14px/150% Consolas,'Microsoft YaHei UI',system-ui,-apple-system,BlinkMacSystemFont!important;color:gray}.${defCon.class.dbm} .${RANDOM_ID}_add:before{content:"+";display:inline;margin:0 4px 0 -10px}.${defCon.class.dbm} .${RANDOM_ID}_del:before{content:"-";display:inline;margin:0 4px 0 -10px}.${defCon.class.dbm} .${RANDOM_ID}_fix:before{content:"@";display:inline;margin:0 4px 0 -10px}.${defCon.class.dbm} .${RANDOM_ID}_info{color:#daa520!important}.${defCon.class.dbm} .${RANDOM_ID}_info:before{content:"#";display:inline;margin:0 4px 0 -10px}.${defCon.class.dbm} .${RANDOM_ID}_warn{color:#e90000!important}.${defCon.class.dbm} .${RANDOM_ID}_warn:before{content:"!";display:inline;margin:0 4px 0 -10px}.${defCon.class.dbm} .${RANDOM_ID}_init{color:#65a16a!important}.${defCon.class.dbm} .${RANDOM_ID}_init:before{content:"$";display:inline;margin:0 4px 0 -10px}.${defCon.class.dbm} input:focus,.${defCon.class.dbm} textarea:focus{box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%),0 0 4px rgb(110 111 112 / 60%)!important}` ); const fontCss_container = String( `#${defCon.id.rndId}{width:100%;height:100vh;background:transparent;position:fixed;top:0;left:0;z-index:1999999991}body #${defCon.id.container}{position:absolute;top:10px;right:24px;border-radius:12px;background:#f0f6ff!important;box-sizing:content-box;opacity:0;transition:opacity .5s}#${defCon.id.container}{transform:scale3d(1,1,1);width:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:10%;max-height:calc(100% - 50px);z-index:999999;padding:4px;text-align:left;color:#333;font-size:16px!important;font-weight:900;scrollbar-color:#369 rgba(0,0,0,.25);scrollbar-width:thin}#${defCon.id.container}::-webkit-scrollbar{width:10px;height:1px}#${defCon.id.container}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px #67a5df;background:#487baf;border-radius:10px}#${defCon.id.container}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #67a5df;background:#efefef;border-radius:10px}#${defCon.id.container}::-webkit-scrollbar-track-piece{box-shadow:inset 0 0 5px #67a5df;background:#efefef;border-radius:10px}#${defCon.id.container} *{line-height:1.5!important;text-shadow:none!important;-webkit-text-stroke:0px transparent!important;font-family:"Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","Android Emoji",EmojiSymbols!important;font-size:16px;font-weight:700}` + `#${defCon.id.container} fieldset{border:2px groove #67a5df!important;border-radius:10px;padding:4px 6px;margin:2px;background:#f0f6ff!important;display:block;width:auto;height:auto;min-height:475px}#${defCon.id.container} legend{float:none!important;line-height:inherit;padding:0 8px;border:0!important;margin-bottom:0;font-size:16px!important;font-weight:700;font-family:"Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;background:#f0f6ff!important;box-sizing:content-box;width:auto!important;min-width:185px!important;display:block!important;position:initial!important;height:auto!important;visibility:unset!important}#${defCon.id.container} fieldset ul{padding:0;margin:0;background:#f0f6ff!important}#${defCon.id.container} ul li{display:inherit;list-style:none;margin:3px 0;box-sizing:content-box;border:none;float:none;background:#f0f6ff!important;cursor:default;min-width:-webkit-fill-available;min-width:-moz-available;-webkit-user-select:none;user-select:none}#${defCon.id.container} ul li:before{display:none}#${defCon.id.container} .${defCon.class.help}{width:24px;height:24px;fill:#67a5df;overflow:hidden;visibility:visible!important;vertical-align:initial!important}#${defCon.id.container} .${defCon.class.help}:hover{cursor:help}#${RANDOM_ID}_scriptname{font-weight:900!important;-webkit-user-select:all;user-select:all;display:inline-block}#${defCon.id.container} .${defCon.class.title} .${defCon.class.guide}{display:inline-block;position:absolute;cursor:pointer}@keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.${defCon.class.title} .${defCon.class.rotation}{padding:0;margin:0;width:24px;height:24px;top:auto;right:auto;bottom:auto;left:auto;transform-origin:center 50% 0;-webkit-transform:rotate(360deg);animation:rotation 5s linear infinite}` + `#${defCon.id.container} input:not([type="range"],[type="checkbox"]):focus,#${defCon.id.container} textarea:focus{box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%),0 0 6px rgb(82 168 236 / 60%)!important}#${defCon.id.fontList}{padding:2px 10px 0 10px;min-height:73px}#${defCon.id.fontFace},#${defCon.id.fontSmooth}{padding:2px 10px;height:40px;width:calc(100% - 18px);min-width:auto;display:flex!important;align-items:center;justify-content:space-between}#${defCon.id.fontSize}{padding:2px 10px;height:60px}#${defCon.id.fontStroke}{padding:2px 10px;height:60px}#${defCon.id.fontShadow}{padding:2px 10px;height:60px}#${defCon.id.shadowColor}{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;flex-direction:row;padding:2px 10px;min-height:45px;margin:4px;width:auto}#${defCon.id.fontCSS},#${defCon.id.fontEx}{padding:2px 10px;height:110px;min-height:110px}#${defCon.id.submit}{padding:2px 10px;height:40px}` + `#${defCon.id.fontList} .${defCon.class.selector} a{font-weight:400;text-decoration:none}#${defCon.id.fontList} .${defCon.class.label}{display:inline-block;margin:0 4px 14px 0;padding:0;height:24px;line-height:24px!important}#${defCon.id.fontList} .${defCon.class.label} span{box-sizing:border-box;color:#fff;font-size:16px!important;font-weight:400;height:max-content;width:max-content;min-width:12px;max-width:200px;padding:5px;background:#67a5df;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap}#${defCon.id.fontList} .${defCon.class.close}{width:12px}#${defCon.id.fontList} .${defCon.class.close}:hover{color:tomato;background-color:#2d7dca;border-radius:2px}#${defCon.id.selector}{width:100%;max-width:100%}#${defCon.id.selector} label{display:block;cursor:initial;margin:0 0 4px 0;color:#333}#${defCon.id.selector} #${defCon.id.cleaner}{margin-left:5px;cursor:pointer}#${defCon.id.selector} #${defCon.id.cleaner}:hover{color:red}#${defCon.id.fontList} .${defCon.class.selector}{overflow-x:hidden;box-sizing:border-box;overscroll-behavior:contain;border:2px solid #67a5df!important;border-radius:6px;padding:6px 6px 0 6px;margin:0 0 6px 0;width:100%;min-width:100%;max-width:min-content;max-width:-moz-min-content;max-height:90px;min-height:45px;scrollbar-color:#369 rgba(0,0,0,.25);scrollbar-width:thin}#${defCon.id.fontList} .${defCon.class.selector}::-webkit-scrollbar{width:6px;height:1px}#${defCon.id.fontList} .${defCon.class.selector}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2px #67a5df;background:#487baf;border-radius:10px}#${defCon.id.fontList} .${defCon.class.selector}::-webkit-scrollbar-track{box-shadow:inset 0 0 2px #67a5df;background:#efefef;border-radius:10px}#${defCon.id.fontList} .${defCon.class.selector}::-webkit-scrollbar-track-piece{box-shadow:inset 0 0 2px #67a5df;background:#efefef;border-radius:10px}#${defCon.id.fontList} .${defCon.class.selectFontId} span.${defCon.class.spanlabel},#${defCon.id.selector} span.${defCon.class.spanlabel}{margin:0!important;width:auto;display:block!important;padding:0 0 4px 0;color:#333;border:0;text-align:left!important;background-color:transparent!important}` + `#${defCon.id.fontList} .${defCon.class.selectFontId}{width:auto}#${defCon.id.fontList} .${defCon.class.selectFontId} input{text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;border:2px solid #67a5df!important;border-radius:6px;outline:none!important;padding:1px 23px 1px 2px;margin:0;width:230px;max-width:100%;min-width:100%;height:42px!important;font-family:"Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:16px!important;font-weight:700;text-indent:8px;background:#fafafa;outline-color:#67a5df}#${defCon.id.fontList} .${defCon.class.selectFontId} input[disabled]{pointer-events:none!important}#${defCon.id.fontList} .${defCon.class.selectFontId} input::-webkit-search-cancel-button{margin:0 7px}.${defCon.class.placeholder}:placeholder-shown{color:#369!important;font:normal 700 16px/150% "Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;opacity:.95!important}.${defCon.class.placeholder}::-webkit-input-placeholder{color:#369!important;font:normal 700 16px/150% "Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;opacity:.65!important}.${defCon.class.placeholder}::-moz-placeholder{color:#369!important;font:normal 700 16px/150% "Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;opacity:.65!important}#${defCon.id.fontList} .${defCon.class.selectFontId} dl{overflow-x:hidden;overscroll-behavior:contain;position:absolute;z-index:1000;margin:4px 0 0 0;box-sizing:content-box;border:2px solid #67a5df!important;border-radius:6px;padding:4px 8px;width:auto;min-width:60%;max-width:calc(100% - 68px);max-height:298px;font-size:18px!important;white-space:nowrap;background-color:#fff;scrollbar-color:#487baf rgba(0,0,0,.25);scrollbar-width:thin}` + `#${defCon.id.fontList} .${defCon.class.selectFontId} dl::-webkit-scrollbar{width:10px;height:1px}#${defCon.id.fontList} .${defCon.class.selectFontId} dl::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px #67a5df;background:#487baf;border-radius:10px}#${defCon.id.fontList} .${defCon.class.selectFontId} dl::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #67a5df;background:#efefef;border-radius:10px}#${defCon.id.fontList} .${defCon.class.selectFontId} dl::-webkit-scrollbar-track-piece{box-shadow:inset 0 0 5px #67a5df;background:#efefef;border-radius:10px}#${defCon.id.fontList} .${defCon.class.selectFontId} dl dd{display:block;box-sizing:content-box;text-overflow:ellipsis;overflow-x:hidden;margin:1px 8px;padding:5px 0;font-weight:400;font-size:21px!important;min-width:100%;max-width:100%;width:-moz-available;width:-webkit-fill-available}#${defCon.id.fontList} .${defCon.class.selectFontId} dl dd:hover{box-sizing:content-box;text-overflow:ellipsis;overflow-x:hidden;min-width:-moz-available;min-width:-webkit-fill-available;background-color:#67a5df;color:#fff}` + `.${defCon.class.checkbox}{display:none!important}.${defCon.class.checkbox}+label{cursor:pointer;padding:0;margin:0 2px 0 0;border-radius:7px;display:inline-block;position:relative;background:#f7836d;width:76px;height:32px;box-shadow:inset 0 0 20px rgba(0,0,0,.1),0 0 10px rgba(245,146,146,.4);white-space:nowrap;box-sizing:content-box}.${defCon.class.checkbox}+label::before{position:absolute;top:0;left:0;z-index:99;border-radius:7px;width:24px;height:32px;color:#fff;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.6);content:" "}.${defCon.class.checkbox}+label::after{position:absolute;top:0;left:28px;border-radius:100px;padding:5px;font-size:16px;font-weight:700;font-style:normal;color:#fff;content:"OFF"}.${defCon.class.checkbox}:checked+label{cursor:pointer;margin:0 2px 0 0;background:#67a5df!important;box-shadow:inset 0 0 20px rgba(0,0,0,.1),0 0 10px rgba(146,196,245,.4)}.${defCon.class.checkbox}:checked+label::after{content:"ON";left:10px}.${defCon.class.checkbox}:checked+label::before{content:" ";position:absolute;z-index:99;left:52px}#${defCon.id.fface} label,#${defCon.id.fface}+label::after,#${defCon.id.fface}+label::before,#${defCon.id.smooth} label,#${defCon.id.smooth}+label::after,#${defCon.id.smooth}+label::before{-webkit-transition:all .3s ease-in;transition:all .3s ease-in}` + `#${defCon.id.fontShadow} div.${defCon.class.flex}:before,#${defCon.id.fontShadow} div.${defCon.class.flex}:after,#${defCon.id.fontStroke} div.${defCon.class.flex}:before,#${defCon.id.fontStroke} div.${defCon.class.flex}:after,#${defCon.id.fontSize} div.${defCon.class.flex}:before,#${defCon.id.fontSize} div.${defCon.class.flex}:after{display:none}#${defCon.id.fontShadow} #${defCon.id.shadowSize},#${defCon.id.fontStroke} #${defCon.id.strokeSize},#${defCon.id.fontSize} #${defCon.id.fontScale}{color:#111!important;width:56px!important;text-indent:0;margin:0 10px 0 0!important;height:32px!important;font-size:17px!important;font-weight:400!important;font-family:Impact,Times,serif!important;border:#67a5df 2px solid!important;border-radius:4px;outline:none!important;text-align:center;box-sizing:content-box;padding:0;background:#fafafa!important}#${defCon.id.fontStroke} #${defCon.id.fstroke}>label{margin:0!important;padding:0 0 0 2px!important;font-size:12px!important;color:#666!important;float:none!important;display:inline!important;cursor:help!important}#${defCon.id.fixStroke}{-webkit-appearance:checkbox!important;vertical-align:text-bottom;display:inline-block;height:14px!important;width:14px!important;cursor:pointer;margin:0 2px 0 0!important}#${defCon.id.fixStroke}::after{position:relative;top:0;width:14px;height:14px;display:inline-block;padding:0;margin:0;text-align:center;vertical-align:top;content:'×';color:#fff;font-size:12px;font-weight:700;line-height:14px;background-color:#aaa;border-radius:3px}#${defCon.id.fixStroke}:checked::after{content:"✓";color:#fff;font-size:12px;font-weight:700;line-height:14px;background-color:#65a0db;border:0!important}.${defCon.class.flex}{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;flex-direction:row;width:auto;min-width:100%}.${defCon.class.slider} input{visibility:hidden}#${defCon.id.shadowColor} *{box-sizing:content-box}#${defCon.id.shadowColor} .${defCon.class.frColorPicker}{width:auto;margin:0;padding:0}#${defCon.id.shadowColor} .${defCon.class.frColorPicker} #${defCon.id.color}{width:160px!important;min-width:160px;height:35px!important;text-indent:0;font-size:18px!important;font-weight:400!important;background:#fdfdffb0;box-sizing:border-box;font-family:Impact,Times,serif!important;color:#333!important;border:#67a5df 2px solid!important;border-radius:4px;outline:none!important;padding: 0 8px 0 0;margin:0;text-align:center;cursor:pointer}` + `#${defCon.id.fontCSS} textarea,#${defCon.id.fontEx} textarea{cursor:auto;font:bold 14px/150% "Roboto Mono",Monaco,"Courier New",Consolas,monospace,'Microsoft YaHei UI',system-ui,-apple-system,BlinkMacSystemFont!important;min-width:calc(100% - 2px);max-width:calc(100% - 2px);width:calc(100% - 2px)!important;height:78px;min-height:78px;max-height:78px;resize:none;border:2px solid #67a5df!important;border-radius:6px;outline:none!important;box-sizing:border-box;padding:5px;margin:0;color:#0b5b9c!important;word-break:break-all;scrollbar-color:#487baf rgba(0,0,0,.25);scrollbar-width:thin;overscroll-behavior:contain}#${defCon.id.fontCSS} textarea::-webkit-scrollbar{width:6px;height:1px}#${defCon.id.fontCSS} textarea::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2px #67a5df;background:#487baf;border-radius:10px}#${defCon.id.fontCSS} textarea::-webkit-scrollbar-track{box-shadow:inset 0 0 2px rgba(0,0,0,.2);background:#efefef;border-radius:10px}#${defCon.id.fontCSS} textarea::-webkit-scrollbar-track-piece{box-shadow:inset 0 0 2px #67a5df;background:#efefef;border-radius:10px}#${defCon.id.fontEx} textarea{background:#fafafa!important}#${defCon.id.fontEx} textarea::-webkit-scrollbar{width:6px;height:1px}#${defCon.id.fontEx} textarea::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2px #67a5df;background:#487baf;border-radius:10px}#${defCon.id.fontEx} textarea::-webkit-scrollbar-track{box-shadow:inset 0 0 2px #67a5df;background:#efefef;border-radius:10px}#${defCon.id.fontEx} textarea::-webkit-scrollbar-track-piece{box-shadow:inset 0 0 2px #67a5df;background:#efefef;border-radius:10px}.${defCon.class.switch}{box-sizing:border-box;float:right;margin:-2px 4px 0 0;padding:0 6px;border:2px double #67a5df;color:#0a68c1;border-radius:4px}#${defCon.id.cSwitch}:hover,#${defCon.id.eSwitch}:hover{cursor:pointer;-webkit-user-select:none;user-select:none}.${defCon.class.readonly}{background:linear-gradient(45deg,#ffe9e9 0,#ffe9e9 25%,transparent 25%,transparent 50%,#ffe9e9 50%,#ffe9e9 75%,transparent 75%,transparent)!important;background-size:50px 50px!important;background-color:#fff7f7!important}.${defCon.class.notreadonly}{background:linear-gradient(45deg,#e9ffe9 0,#e9ffe9 25%,transparent 25%,transparent 50%,#e9ffe9 50%,#e9ffe9 75%,transparent 75%,transparent)!important;background-size:50px 50px;background-color:#f7fff7!important}` + `.${defCon.class.dbm} textarea{scrollbar-width:thin;overscroll-behavior:contain;cursor:auto}.${defCon.class.dbm} textarea::-webkit-scrollbar{width:8px;height:8px}.${defCon.class.dbm} textarea::-webkit-scrollbar-corner{box-shadow:inset 0 0 3px #aaa;background:#efefef;border-radius:2px}.${defCon.class.dbm} textarea::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px #999;background:#cfcfcf;border-radius:2px}.${defCon.class.dbm} textarea::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #aaa;background:#efefef;border-radius:2px}.${defCon.class.dbm} textarea::-webkit-scrollbar-track-piece{box-shadow:inset 0 0 5px #aaa;background:#efefef;border-radius:2px}` + `#${defCon.id.submit} button{box-sizing:border-box;background-image:none;background-color:#67a5df;color:#fff!important;margin:0;padding:5px 10px;cursor:pointer;border:2px solid #6ba7e0;border-radius:6px;width:auto;min-width:min-content;min-height:35px;height:35px;font:normal 600 14px/150% "Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important}#${defCon.id.submit} button:hover{box-shadow:0 0 5px rgba(0,0,0,.4)!important}#${defCon.id.submit} .${defCon.class.cancel},#${defCon.id.submit} .${defCon.class.reset}{float:left;margin-right:10px}#${defCon.id.submit} .${defCon.class.submit}{float:right}#${defCon.id.submit} #${defCon.id.backup}{margin:0 10px 0 0;display:none}.${defCon.class.anim}{animation:jiggle 1.8s ease-in infinite;border:2px solid crimson!important;background:crimson!important}@keyframes jiggle{48%,62%{transform:scale(1,1)}50%{transform:scale(1.1,.9)}56%{transform:scale(.9,1.1) translate(0,-5px)}59%{transform:scale(1,1) translate(0,-3px)}}` ); const _left_ = IS_REAL_WEBKIT ? "left:-72px" : "left:auto"; const _right_ = IS_REAL_WEBKIT ? "right:-64px" : "left:auto"; const _right__ = IS_REAL_WEBKIT ? "right:-54px" : "left:auto"; const fontCss_tooltip = String( `.${defCon.class.tooltip}{position:relative;cursor:help;-webkit-user-select:none;user-select:none}.${defCon.class.tooltip} span.${defCon.class.emoji}{font-weight:400!important}.${defCon.class.tooltip}:active .${defCon.class.tooltip}{display:block}.${defCon.class.tooltip} .${defCon.class.tooltip}{display:none;box-sizing:content-box;position:absolute;z-index:999999;border:2px solid #b8c4ce;border-radius:6px;padding:10px;width:234px;max-width:234px;font-weight:400;color:#fff;background-color:#54a2ec;opacity:.9;word-break:break-all}.${defCon.class.tooltip} .${defCon.class.tooltip} *{font-family:"Microsoft YaHei UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:14px!important}.${defCon.class.tooltip} .${defCon.class.tooltip} em{font-style:normal!important}.${defCon.class.tooltip} .${defCon.class.tooltip} strong{color:darkorange;font-size:18px!important}.${defCon.class.tooltip} .${defCon.class.tooltip} p{color:#fff;display:block;margin:0 0 10px 0;line-height:150%;text-indent:0!important}.${defCon.class.ps1}{position:relative;top:-33px;height:0;width:24px;margin:0;padding:0;right:5px;float:right}.${defCon.class.ps2}{top:35px;right:-7px}.${defCon.class.ps3}{top:-197px;${_left_}}.${defCon.class.ps4}{top:-197px;${_right_}}.${defCon.class.ps5}{top:-322px;${_right__}}` ); const fontCss_Progress = String( `.${defCon.class.range}{--primary-color:#67a5df;--value-offset-y:var(--ticks-gap);--value-active-color:white;--value-background:transparent;--value-background-hover:var(--primary-color);--value-font:italic bold 14px/14px monospace,serif;--fill-color:var(--primary-color);--progress-background:rgb(223, 223, 223);--progress-radius:20px;--show-min-max:none;--track-height:calc(var(--thumb-size) / 2);--min-max-font:12px serif;--min-max-opacity:0.5;--min-max-x-offset:10%;--thumb-size:22px;--thumb-color:white;--thumb-shadow:0 0 3px rgba(0, 0, 0, 0.4),0 0 1px rgba(0, 0, 0, 0.5) inset,0 0 0 99px var(--thumb-color) inset;--thumb-shadow-active:0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color),0 0 0 99px var(--primary-color) inset,0 0 3px rgba(0, 0, 0, 0.4);--thumb-shadow-hover:0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color),0 0 0 99px darkorange inset,0 0 3px rgba(0, 0, 0, 0.4);--ticks-thickness:1px;--ticks-height:5px;--ticks-gap:var(--ticks-height, 0);--ticks-color:transparent;--step:1;--ticks-count:(var(--max) - var(--min))/var(--step);--maxTicksAllowed:1000;--too-many-ticks:Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));--x-step:Max(var(--step), var(--too-many-ticks) * (var(--max) - var(--min)));--tickIntervalPerc_1:Calc((var(--max) - var(--min)) / var(--x-step));--tickIntervalPerc:calc((100% - var(--thumb-size)) / var(--tickIntervalPerc_1) * var(--tickEvery, 1));--value-a:Clamp(var(--min), var(--value, 0), var(--max));--value-b:var(--value, 0);--text-value-a:var(--text-value, "");--completed-a:calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);--completed-b:calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);--ca:Min(var(--completed-a), var(--completed-b));--cb:Max(var(--completed-a), var(--completed-b));--thumbs-too-close:Clamp(-1, 1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001), 1);--thumb-close-to-min:Min(1, Max(var(--ca) - 5, 0));--thumb-close-to-max:Min(1, Max(95 - var(--cb), 0))}` + `.${defCon.class.range}{width:auto;min-width:105%!important;margin:-3px 0 0 -7px;box-sizing:content-box;display:inline-block;height:Max(var(--track-height),var(--thumb-size));background:linear-gradient(to right,var(--ticks-color) var(--ticks-thickness),transparent 1px) repeat-x;background-size:var(--tickIntervalPerc) var(--ticks-height);background-position-x:calc(var(--thumb-size)/ 2 - var(--ticks-thickness)/ 2);background-position-y:var(--flip-y,bottom);padding-bottom:var(--flip-y,var(--ticks-gap));padding-top:calc(var(--flip-y) * var(--ticks-gap));position:relative;z-index:1}.${defCon.class.range}[data-ticks-position=top]{--flip-y:1}.${defCon.class.range}::after,.${defCon.class.range}::before{--offset:calc(var(--thumb-size) / 2);content:counter(x);display:var(--show-min-max,block);font:var(--min-max-font);position:absolute;bottom:var(--flip-y,-2.5ch);top:calc(-2.5ch * var(--flip-y));opacity:Clamp(0,var(--at-edge),var(--min-max-opacity));transform:translateX(calc(var(--min-max-x-offset) * var(--before,-1) * -1)) scale(var(--at-edge));pointer-events:none}.${defCon.class.range}::before{--before:1;--at-edge:var(--thumb-close-to-min);counter-reset:x var(--min);left:var(--offset)}.${defCon.class.range}::after{--at-edge:var(--thumb-close-to-max);counter-reset:x var(--max);right:var(--offset)}` + `.${defCon.class.rangeProgress}{--start-end:calc(var(--thumb-size) / 2);--clip-end:calc(100% - (var(--cb)) * 1%);--clip-start:calc(var(--ca) * 1%);--clip:inset(-20px var(--clip-end) -20px var(--clip-start));position:absolute;left:var(--start-end);right:var(--start-end);top:calc(var(--ticks-gap) * var(--flip-y,0) + var(--thumb-size)/ 2 - var(--track-height)/ 2);height:calc(var(--track-height));background:var(--progress-background,#eee);pointer-events:none;z-index:-1;border-radius:var(--progress-radius)}.${defCon.class.rangeProgress}::before{content:"";position:absolute;left:0;right:0;clip-path:var(--clip);top:0;bottom:0;background:var(--fill-color,#000);box-shadow:var(--progress-flll-shadow);z-index:1;border-radius:inherit}.${defCon.class.rangeProgress}::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:var(--progress-shadow);pointer-events:none;border-radius:inherit}.${defCon.class.range}>input:only-of-type~.${defCon.class.rangeProgress}{--clip-start:0}` + `.${defCon.class.range}>input::-webkit-slider-runnable-track{background:transparent!important;}.${defCon.class.range}>input{-webkit-appearance:none;box-shadow:none!important;width:100%;height:var(--thumb-size)!important;margin:0!important;padding:0!important;position:absolute!important;left:0;top:calc(50% - Max(var(--track-height),var(--thumb-size))/ 2 + calc(var(--ticks-gap)/ 2 * var(--flip-y,-1)))!important;border:0!important;cursor:grab;outline:0!important;background:0 0!important;--thumb-shadow:var(--thumb-shadow-active)}.${defCon.class.range}>input:not(:only-of-type){pointer-events:none}.${defCon.class.range}>input::-webkit-slider-thumb{appearance:none;border:none;height:var(--thumb-size);width:var(--thumb-size);transform:var(--thumb-transform);border-radius:var(--thumb-radius,50%);background:var(--thumb-color);box-shadow:var(--thumb-shadow);pointer-events:auto;transition:.1s}.${defCon.class.range}>input::-moz-range-thumb{appearance:none;border:none;height:var(--thumb-size);width:var(--thumb-size);transform:var(--thumb-transform);border-radius:var(--thumb-radius,50%);background:var(--thumb-color);box-shadow:var(--thumb-shadow);pointer-events:auto;transition:.1s}.${defCon.class.range}>input::-ms-thumb{appearance:none;border:none;height:var(--thumb-size);width:var(--thumb-size);transform:var(--thumb-transform);border-radius:var(--thumb-radius,50%);background:var(--thumb-color);box-shadow:var(--thumb-shadow);pointer-events:auto;transition:.1s}` + `.${defCon.class.range}>input:hover{--thumb-shadow:var(--thumb-shadow-active)}.${defCon.class.range}>input:hover+output{--value-background:var(--value-background-hover);--y-offset:-1px;color:var(--value-active-color);box-shadow:0 0 0 3px var(--value-background)}.${defCon.class.range}>input:active{--thumb-shadow:var(--thumb-shadow-hover);cursor:grabbing;z-index:2}.${defCon.class.range}>input:active+output{transition:0s;opacity:0.9;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;-moz-box-orient:horizontal;-moz-box-pack:center;-moz-box-align:center}.${defCon.class.range}>input:nth-of-type(1){--is-left-most:Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1)}.${defCon.class.range}>input:nth-of-type(1)+output{--value:var(--value-a);--x-offset:calc(var(--completed-a) * -1%)}.${defCon.class.range}>input:nth-of-type(1)+output:not(:only-of-type){--flip:calc(var(--thumbs-too-close) * -1)}.${defCon.class.range}>input:nth-of-type(1)+output::after{content:var(--prefix, "") var(--text-value-a) var(--suffix, "")}.${defCon.class.range}>input:nth-of-type(2){--is-left-most:Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1)}.${defCon.class.range}>input:nth-of-type(2)+output{--value:var(--value-b)}.${defCon.class.range}>input+output{--flip:-1;--x-offset:calc(var(--completed-b) * -1%);--pos:calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%);pointer-events:none;width:auto;min-width:40px;height:24px;min-height:24px;text-align:center;position:absolute;z-index:5;background:var(--value-background);border-radius:4px;padding:0 6px;left:var(--pos);transform:translate(var(--x-offset),calc(150% * var(--flip) - (var(--y-offset,0) + var(--value-offset-y)) * var(--flip)));transition:all .12s ease-out,left 0s;opacity:0;box-sizing:content-box}.${defCon.class.range}>input+output::after{content:var(--prefix, "") var(--text-value-b) var(--suffix, "");font:var(--value-font)}` ); const fontCss = fontCss_db + fontCss_container + fontCss_tooltip + fontCss_Progress; const tFontSizeHTML = String( `
  • 字体比例缩放
    • ` ); const tFixStrokeHTML = String( ` ( ) ` ); const tHTML = String( `
    ${defCon.scriptName}
    • 字体重写（默认\uff1a开）
    • 字体平滑（默认\uff1a开）
      • ${defCon.isFontsize ? tFontSizeHTML : ""}
    • 字体描边尺寸 ${IS_REAL_BLINK ? tFixStrokeHTML : ""}
    • 字体阴影尺寸
    • 阴影颜色 \ud83d\udd14

      阴影颜色可通过点击色块激活拾色器选择，也可自定义填写，格式支持: RGB, RGBA, HEX, HEXA. 纯白色的所有格式表示自身颜色 currentcolor.

      注意\uff1a输入数值会自动转化为HEXA格式，但数值保持一致性。错误格式会被替换为刚刚正确显示的数值。
    • 需要渲染的网页元素\uff1a \ud83d\udd14

      默认为排除大多数网站常用的特殊CSS样式后需要渲染的页面元素。填写格式\uff1a:not(.fa) 或 :not([class*="fa"]) 或 ,#idname .classname

      该选项为重要参数，默认只读，双击解锁。请尽量不要修改，避免造成样式失效。若失效请重置。
      \u2227
    • 排除渲染的HTML标签\uff1a \ud83d\udd14

      该选项排除渲染字体描边、字体阴影效果，请将排除渲染的HTML标签用逗号分隔。具体规则请点击顶部旋转的帮助文件图标。

      编辑该选项需要CSS知识，如需要排除复杂的样式或标签可通过这里进行添加，样式若混乱请重置。

      双击\ud83d\udd14可打开自定义等宽字体的添加工具，设置您需要的等宽字体集合。

      注意：如需使用自定义等宽字体，请勿清除该文本域中相关的关键代码：『 pre,pre *,code,code * 』
      \u2227
    ` ); const tCSS = `@charset "UTF-8";` + fontCss; const tStyle = clearconfiguration ? `` : `@charset "UTF-8";` + fontStyle; defCon.tStyle = tStyle; defCon.refont = refont; /* SYSTEM INFO */ const DEFAULT_FONT = "\u7f51\u7ad9\u9ed8\u8ba4\u5b57\u4f53"; let reFontFace = DEFAULT_FONT; defCon.curFont = DEFAULT_FONT; await getCurrentFontName(CONST_VALUES.fontFace, defCon.refont, DEFAULT_FONT); if (CUR_WINDOW_TOP) { if (typeof defCon.exSitesIndex === "undefined") { console.log( `%c${defCon.scriptName}\r\n%cINTRO.URL:\u0020https://f9y4ng.likes.fans/FontRendering\r\n%c\u259e\u0020脚本版本\uff1a%cV%s%c%s%c\r\n\u259e\u0020个性化设置\uff1a%c%s%c/%s%s\r\n%c\u259e\u0020字体缩放\uff1a%s%s\r\n\u259e\u0020本地备份\uff1a%s\u3000\u259a\u0020保存预览\uff1a%s\r\n%c\u259e\u0020渲染字体\uff1a%s\r\n\u259e\u0020字体平滑\uff1a%s\u3000\u259a\u0020字体重写\uff1a%s\r\n\u259e\u0020字体描边\uff1a%s\u3000\u259a\u0020字体阴影\uff1a%s`, "font:normal 700 16px/150% system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:crimson", "line-height:180%;font-size:10px;color:#777;font-style:italic", "line-height:180%;font-size:12px;color:slategray", "color:slategrey;font:italic 16px/150% Candara,'Times New Roman'", defCon.curVersion, "color:darkred;font:italic 11px/150% Candara,'Times New Roman'", getNavigator.isCheatUA() ? "\u3000(CHEAT-UA)" : "", "line-height:180%;font-size:12px;color:steelblue", defCon.domainCount > maxPersonalSites ? "color:crimson" : "color:steelblue", defCon.domainCount, "line-height:180%;font-size:12px;color:steelblue", maxPersonalSites, typeof defCon.domainIndex !== "undefined" ? "\uff08\u5f53\u524d\uff1a\u4e2a\u6027\u5316\uff09" : "\uff08\u5f53\u524d\uff1a\u5168\u5c40\uff09", "line-height:180%;font-size:12px;color:steelblue", defCon.isFontsize ? "ON " : "OFF", defCon.isFontsize ? DONOT_SCALE ? "\u3000\u259a\u0020\u7f29\u653e\u6bd4\u4f8b\uff1a100%\u0020(EDITORIAL WEBSITE)" : CONST_VALUES.fontSize === 1 ? "\u3000\u259a\u0020\u7f29\u653e\u6bd4\u4f8b\uff1a(WEBSITE DEFINED)" : `\u3000\u259a\u0020\u7f29\u653e\u6bd4\u4f8b\uff1a${Number(CONST_VALUES.fontSize * 100).toFixed(2) + "%"}` : "\u3000\u259a\u0020\u7f29\u653e\u6bd4\u4f8b\uff1a(BROWSER DEFINED)", isBackupFunction ? "ON " : "OFF", isPreview ? "ON " : "OFF", "line-height:180%;font-size:12px;color:teal", fontface_i ? reFontFace : "\u5df2\u5173\u95ed\uff08\u91c7\u7528" + reFontFace + "\uff09", CONST_VALUES.fontSmooth ? "ON " : "OFF", CONST_VALUES.fontFace ? "ON " : "OFF", CONST_VALUES.fontStroke ? "ON " : "OFF", CONST_VALUES.fontShadow ? "ON " : "OFF" ); } else { console.log( `%c${defCon.scriptName}\r\n%c${TOP_HOST_NAME.toUpperCase()} 已在排除渲染列表内，若要重新渲染，请在脚本菜单中打开重新渲染。${ isHotkey ? `(${IS_MACOS ? "Command+" : "Alt+" + String.fromCharCode(IS_MACOS ? 71 : 88)})` : "" }`, "font:normal 700 16px/150% system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:crimson", "line-height:180%;font-size:12px;color:darkred" ); } info( `%c${getNavigator.browser()} BROWSER WARNING%c\r\n%cThis script (fully functional version) only supports desktop browsers with versions Edge>=80, Chrome>=80, Firefox>=74, Opera>=67, Safari>=13.1`, fullStyle("crimson", "snow") + "width:max-content;text-transform:uppercase", "display:block;height:0;width:0", "display:block;padding:4px 0 4px 18px;line-height:150%;font-family:monospace;color:0" ); } /* Patch2023.1: Fixed font-stroke error with bold-style in chromium 96+ --START-- */ const isFixStrokeTask = condition => IS_REAL_BLINK && condition && (Number(getNavigator.chromiumVersion()) >= 96 || getNavigator.isCheatUA()); const SHOULD_FIX_STROKE = isFixStrokeTask(CONST_VALUES.fixStroke); window.addEventListener("pushState", () => fixStrokeError({ trigger: SHOULD_FIX_STROKE, type: "pushState" })); window.addEventListener("replaceState", () => fixStrokeError({ trigger: SHOULD_FIX_STROKE, type: "replaceState" })); window.addEventListener("popstate", () => fixStrokeError({ trigger: SHOULD_FIX_STROKE, type: "popstate" })); function fixStrokeError({ trigger, type }) { if (!trigger) return; return new Promise(resolve => { const setup = { attr: FIX_STROKE_ATTRNAME, bool: false }; fdm.read(() => { const nodes = qA(`:not(${defCon.queryString},[${setup.attr}])`); for (let i = 0, l = nodes.length; i < l; i++) { const styleState = gS(nodes[i]); const weight = styleState.fontWeight; if (weight >= 600) { nodes[i].setAttribute(setup.attr, true); setup.bool = true; setup.act = "Bold"; } } resolve(setup); }); }) .then(res => { let { attr, bool, act } = res; fdm.read(() => { const nodes = qA(`[${attr}]`); for (let i = 0, l = nodes.length; i < l; i++) { const styleState = gS(nodes[i]); const weight = styleState.fontWeight; if (weight < 600) { nodes[i].removeAttribute(attr); bool = true; act = "Normal"; } } bool && count(`[FIXSTROKE]${IS_FRAMES}[t:${type}][a:${act}]`); }); }) .catch(e => error("", e.message)); } function detectNodeFixStroke(type, node, mu) { if (!node) return; if (!QUERY_ARRAY.includes(node.nodeName.toLowerCase())) { let styleState, weight, attrValue; switch (mu.type) { case "attributes": styleState = gS(node); weight = styleState.fontWeight; attrValue = node.getAttribute(FIX_STROKE_ATTRNAME); if ((weight >= 600 && attrValue === null) || (weight < 600 && attrValue !== null)) return mu.type; break; case "childList": if (!node.hidden && node.style?.display !== "none" && node.style?.visibility !== "hidden") return mu.type; break; } } return type; } // Patch2023.1: Fixed font-style:bold while font stroke in chromium 96+ --END-- // /* Insert CSS */ try { let mutationType, rndStyleNode, rndClassNode; const schedulerPostTask = (fn, priority = "user-blocking") => (w.scheduler?.postTask ? w.scheduler.postTask(fn, { priority }) : fn()); const reinsertStyleAct = (mu, node) => mu.target === document.head && node.nodeName === "STYLE" && ((CUR_WINDOW_TOP && !rndClassNode) || (typeof defCon.exSitesIndex !== "undefined" && !rndStyleNode)) && info(`%c[MO][REMOVEDNODES]:%c