在您安装前,Greasy Fork 希望您知道此脚本包含可能不受欢迎的功能,也许会帮助脚本作者获利,而不能给你带来任何收益。
你只有在付费后才能使用脚本的全部功能。Greasy Fork 未参与到支付的流程,因此无法验证您是否获得了有价值的东西,亦无法帮助您申请退款。
只是希望能够稍微提高一点在移动端的阅读体验。
// ==UserScript== // @name 移动页面的阅读模式 // @namespace Reading_mode_for_mobile_CN // @version 0.0.6beta // @description 只是希望能够稍微提高一点在移动端的阅读体验。 // @author 稻米鼠 // @run-at document-start // @icon https://i.v2ex.co/L00DUOAOl.png // @contributionURL https://script.izyx.xyz/reading-mode-for-mobile/ // @require https://cdn.bootcdn.net/ajax/libs/highlight.js/11.0.0-alpha0/highlight.min.js // @noframes // @antifeature payment // @match *://www.jianshu.com/p/* // @match *://www.zhihu.com/question/* // @match *://zhuanlan.zhihu.com/p/* // @grant none // ==/UserScript== (() => { "use strict"; var e = { 863: (e, t, o) => { o.d(t, { Z: () => l }); var r = o(645); var n = o.n(r); var i = n()((function(e) { return e[1]; })); i.push([ e.id, "/*\n\nAtom One Dark by Daniel Gamage\nOriginal One Dark Syntax theme from https://github.com/atom/one-dark-syntax\n\nbase: #282c34\nmono-1: #abb2bf\nmono-2: #818896\nmono-3: #5c6370\nhue-1: #56b6c2\nhue-2: #61aeee\nhue-3: #c678dd\nhue-4: #98c379\nhue-5: #e06c75\nhue-5-2: #be5046\nhue-6: #d19a66\nhue-6-2: #e6c07b\n\n*/\n\n.hljs {\n display: block;\n overflow-x: auto;\n padding: 0.5em;\n color: #abb2bf;\n background: #282c34;\n}\n\n.hljs-comment,\n.hljs-quote {\n color: #5c6370;\n font-style: italic;\n}\n\n.hljs-doctag,\n.hljs-keyword,\n.hljs-formula {\n color: #c678dd;\n}\n\n.hljs-section,\n.hljs-name,\n.hljs-selector-tag,\n.hljs-deletion,\n.hljs-subst {\n color: #e06c75;\n}\n\n.hljs-literal {\n color: #56b6c2;\n}\n\n.hljs-string,\n.hljs-regexp,\n.hljs-addition,\n.hljs-attribute,\n.hljs-meta-string {\n color: #98c379;\n}\n\n.hljs-built_in,\n.hljs-class .hljs-title {\n color: #e6c07b;\n}\n\n.hljs-attr,\n.hljs-variable,\n.hljs-template-variable,\n.hljs-type,\n.hljs-selector-class,\n.hljs-selector-attr,\n.hljs-selector-pseudo,\n.hljs-number {\n color: #d19a66;\n}\n\n.hljs-symbol,\n.hljs-bullet,\n.hljs-link,\n.hljs-meta,\n.hljs-selector-id,\n.hljs-title {\n color: #61aeee;\n}\n\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n\n.hljs-link {\n text-decoration: underline;\n}\n", "" ]); const l = i; }, 152: (e, t, o) => { o.d(t, { Z: () => l }); var r = o(645); var n = o.n(r); var i = n()((function(e) { return e[1]; })); i.push([ e.id, '.rmfm-body-hidden{display:none !important}#reading-mode-for-mobile{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:16px;line-height:1.8;background-color:#e0e0e4;box-sizing:border-box;z-index:2147483647}#reading-mode-for-mobile *{box-sizing:border-box}#reading-mode-for-mobile > article.rmfm-main{position:relative;width:100vw;max-width:800px;margin:0 auto;padding:36px 72px;background-color:#fff;box-shadow:0 0 72px rgba(0,0,0,0.1);color:#18181c}#reading-mode-for-mobile > article.rmfm-main > .rmfm-title,#reading-mode-for-mobile > article.rmfm-main > .rmfm-content{position:relative}#reading-mode-for-mobile > article.rmfm-main > .rmfm-title > .rmfm-section,#reading-mode-for-mobile > article.rmfm-main > .rmfm-content > .rmfm-section{border-top:3px solid #f0f0f4;padding:18px 0}#reading-mode-for-mobile h1,#reading-mode-for-mobile h2,#reading-mode-for-mobile h3,#reading-mode-for-mobile h4,#reading-mode-for-mobile h5,#reading-mode-for-mobile h6{line-height:2.16;margin:18px 0}#reading-mode-for-mobile h1{font-size:22.4px;font-weight:200;text-align:center}#reading-mode-for-mobile h2{font-size:20.8px;font-weight:200}#reading-mode-for-mobile h3{font-size:19.2px;font-weight:600;color:#505054}#reading-mode-for-mobile h4{font-size:17.6px;font-weight:600;color:#78787c}#reading-mode-for-mobile h5{font-size:17.6px;font-weight:400;color:#a0a0a4}#reading-mode-for-mobile h6{font-size:17.6px;font-weight:200;color:#c8c8cc}#reading-mode-for-mobile p{margin:18px 0;text-indent:2em}#reading-mode-for-mobile hr{height:3px;background-color:#f0f0f4;margin:18px 0}#reading-mode-for-mobile b,#reading-mode-for-mobile strong{color:#000}#reading-mode-for-mobile del{color:#c0c0c4}#reading-mode-for-mobile ul,#reading-mode-for-mobile ol{margin:18px 0 18px 36px}#reading-mode-for-mobile li > ol,#reading-mode-for-mobile li > ul{margin:0 0 0 36px}#reading-mode-for-mobile table{border:2px solid #e0e0e4;border-spacing:0}#reading-mode-for-mobile table tr,#reading-mode-for-mobile table td,#reading-mode-for-mobile table th{border:1px solid #e0e0e4}#reading-mode-for-mobile table td,#reading-mode-for-mobile table th{padding:9px 18px}#reading-mode-for-mobile img,#reading-mode-for-mobile video,#reading-mode-for-mobile embed,#reading-mode-for-mobile svg{max-width:100%}#reading-mode-for-mobile a{color:#f46;text-decoration:none}#reading-mode-for-mobile a:hover{text-decoration:underline}#reading-mode-for-mobile blockquote{background-color:rgba(0,0,32,0.05);border-left:5px solid rgba(0,0,32,0.08);padding:9px 18px;margin:18px 0}#reading-mode-for-mobile pre{margin:36px -72px;padding:18px 0;background-color:#282c34;color:#a8a8ac;white-space:pre-wrap;word-break:break-all}#reading-mode-for-mobile pre code{padding:18px 72px;position:relative;font-family:"Fira Code",monospace,MonoLisa,"source code pro","consolas"}#reading-mode-for-mobile pre code::before{content:\' \';position:absolute;height:100%;left:63px;top:0;z-index:100;border-left:1px solid #88888c}#reading-mode-for-mobile pre code .rmfm-code-line{position:relative}#reading-mode-for-mobile pre code .rmfm-code-line .rmfm-code-line-num{position:absolute;top:0;left:-90px;width:72px;height:100%;background-repeat:no-repeat;background-position:top right}#reading-mode-for-mobile #rmfm-menu{position:fixed;width:100vh;height:28.8px;top:calc(50vh - 14.4px);left:calc(14.4px - 50vh);transform:rotate(90deg)}#reading-mode-for-mobile #rmfm-menu .rmfm-menu-item{display:inline-block;padding:0 9px;cursor:pointer;color:#c0c0c4;font-size:12.8px}#reading-mode-for-mobile #rmfm-menu .rmfm-menu-item:hover{color:#f46}#reading-mode-for-mobile #rmfm-menu .rmfm-menu-hidden{display:none}#reading-mode-for-mobile .rmfm-menu-top,#reading-mode-for-mobile .rmfm-menu-bottom{float:left}#reading-mode-for-mobile .rmfm-menu-bottom{float:right}#reading-mode-for-mobile #rmfm-toc-list{position:fixed;top:0;left:0;z-index:-1;width:400px;max-width:90vw;margin:0;padding:9px 9px 9px 36px;font-size:12.8px}#reading-mode-for-mobile #rmfm-toc-list .rmfm-toc-item{cursor:pointer;list-style-type:disc;overflow-wrap:break-word;word-break:break-all}#reading-mode-for-mobile #rmfm-toc-list .rmfm-toc-item:hover{color:#f46}@media screen and (max-width:800px){#reading-mode-for-mobile > article.rmfm-main{padding:36px 9vw}#reading-mode-for-mobile pre{margin:36px -9vw}#reading-mode-for-mobile pre code{padding:18px -9vw 18px 72px}}', "" ]); const l = i; }, 920: (e, t, o) => { o.d(t, { Z: () => l }); var r = o(645); var n = o.n(r); var i = n()((function(e) { return e[1]; })); i.push([ e.id, "#reading-mode-for-mobile-start-card{width:100vw;height:100vh;position:fixed;bottom:0;left:0;background-color:rgba(0,0,0,0.8);z-index:2147483647}#reading-mode-for-mobile-start-card .start-content{position:absolute;bottom:0;width:90vw;left:5vw;text-align:center;box-sizing:border-box}#reading-mode-for-mobile-start-card .start-content p.rmfm-small-tip{font-size:12.8px;color:#a8a8ac;line-height:1.8;padding:0;margin:9px}#reading-mode-for-mobile-start-card .start-content .start-card{padding:18px 0}#reading-mode-for-mobile-start-card .start-content button{display:block;color:#909094;font-weight:200;line-height:1em;padding:16px;margin:8px auto}#reading-mode-for-mobile-start-card .start-content button#rmfm-show-button{background-color:#3ae;color:#fff;font-size:19.2px;border:1px solid #d0d0d4;border-radius:8px}#reading-mode-for-mobile-start-card .start-content button#rmfm-hide-button{font-size:48px}#reading-mode-for-mobile-start-card .start-content span#rmfm-countdown{font-weight:600;color:#f46}", "" ]); const l = i; }, 645: e => { e.exports = function(e) { var t = []; t.toString = function toString() { return this.map((function(t) { var o = e(t); if (t[2]) return "@media ".concat(t[2], " {").concat(o, "}"); return o; })).join(""); }; t.i = function(e, o, r) { if ("string" === typeof e) e = [ [ null, e, "" ] ]; var n = {}; if (r) for (var i = 0; i < this.length; i++) { var l = this[i][0]; if (null != l) n[l] = true; } for (var a = 0; a < e.length; a++) { var s = [].concat(e[a]); if (r && n[s[0]]) continue; if (o) if (!s[2]) s[2] = o; else s[2] = "".concat(o, " and ").concat(s[2]); t.push(s); } }; return t; }; } }; var t = {}; function __webpack_require__(o) { var r = t[o]; if (void 0 !== r) return r.exports; var n = t[o] = { id: o, exports: {} }; e[o](n, n.exports, __webpack_require__); return n.exports; } (() => { __webpack_require__.n = e => { var t = e && e.__esModule ? () => e["default"] : () => e; __webpack_require__.d(t, { a: t }); return t; }; })(); (() => { __webpack_require__.d = (e, t) => { for (var o in t) if (__webpack_require__.o(t, o) && !__webpack_require__.o(e, o)) Object.defineProperty(e, o, { enumerable: true, get: t[o] }); }; })(); (() => { __webpack_require__.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t); })(); var o = {}; (() => { const e = { "www.jianshu.com": { name: "JianShu", blockModal: true, rules: [ { urlReg: /\/p\/\w+/i, contentGetter: ".main-view .content", contentHandler: e => { e.querySelectorAll("img").forEach((e => { if (!e.src) e.src = e.getAttribute("data-original-src"); })); e.querySelectorAll('div[aria-label="3rd-ad"]').forEach((e => { e.parentNode.removeChild(e); })); } } ] }, "www.zhihu.com": { name: "Zhihu", blockModal: true, rules: [ { urlReg: /\/question\/\d+\/answer\/\d+/i, titleGetter: ".QuestionHeader-title", contentGetter: ".Question-main .QuestionAnswer-content", contentHandler: e => { e.querySelectorAll(`\n .ContentItem-actions,\n .ModalWrap,\n .ModalLoading-content,\n .CommentItemV2-footer,\n .RichContent--unescapable.is-collapsed .ContentItem-rightButton,\n .ContentItem.AnswerItem button.Button--primary`).forEach((e => { e.parentNode.removeChild(e); })); e.querySelectorAll(".CommentItemV2").forEach((e => { const t = document.createElement("br"); e.before(t); })); } }, { urlReg: /\/question\/\d+/i, titleGetter: ".QuestionHeader-title", contentGetter: ".Question-main .List-item", contentHandler: e => { e.querySelectorAll(`\n .ContentItem-actions,\n .ModalWrap,\n .ModalLoading-content,\n .CommentItemV2-footer,\n .RichContent--unescapable.is-collapsed .ContentItem-rightButton,\n .ContentItem.AnswerItem button.Button--primary`).forEach((e => { e.parentNode.removeChild(e); })); e.querySelectorAll(".CommentItemV2").forEach((e => { const t = document.createElement("br"); e.before(t); })); } } ] }, "zhuanlan.zhihu.com": { name: "Zhihu Zhuanlan", blockModal: true, rules: [ { urlReg: /\/p\/\d+/i, titleGetter: "h1.Post-Title", contentGetter: ".Post-RichTextContainer" } ] } }; const t = e; const o = null && [ "EnterPage", "StartCard", "ReadingMode" ]; const r = { redirect: [ "pushState", "replaceState", "popstate" ], sameSite: [ "pushState", "replaceState", "popstate", "alert", "confirm" ] }; const valORnull = e => e ? e : null; const n = { state: { is_debug: 0, auto_reading_mode: 0, log: [], warn: [], el: {}, restore: {}, pos: {}, rule: {}, modal: [ "alert", "confirm" ], toc: [] }, get is_debug() { return this.state.is_debug; }, get auto_reading_mode() { return this.state.auto_reading_mode; }, get modal() { return this.state.modal; }, log(e, t) { if (this.is_debug) this.state.log.push((new Date).toLocaleString() + (e ? " " + e : "") + ": " + ([ "string", "number" ].includes(typeof t) ? t : JSON.stringify(t))); }, warn(e, t) { this.state.warn.push((new Date).toLocaleString() + (e ? " " + e : "") + ": " + ([ "string", "number" ].includes(typeof t) ? t : JSON.stringify(t))); }, exposeState() { if (this.is_debug) this.log("State expose", "Debug: " + this.is_debug); if (this.is_debug) window.rmfmState = this.state; }, setRestore(e, t = null) { if (this.is_debug) this.log("State set Restore", { name: e, method: t }); if (t) { this.state.restore[e] = t; return; } delete this.state.restore[e]; }, getRestore(e) { if (this.is_debug) this.log("State get Restore", { name: e, el: valORnull(this.state.restore[e]) }); return valORnull(this.state.restore[e]); }, restore(e = []) { if (this.is_debug) this.log("State restore", e); if ("string" === typeof e) e = r[e] ? r[e] : []; const t = this.state.restore; for (const o in t) { if (e.includes(o)) continue; this.getRestore(o)(); this.setRestore(o); } }, getKeys(e) { if (this.is_debug) this.log("State get keys", { name: e, keys: Object.keys(this.state[e]) }); return Object.keys(this.state[e]); }, addToc(e) { if (this.is_debug) this.log("State set TOC", e); this.state.toc.push(e); }, getToc() { if (this.is_debug) this.log("State get TOC", this.state.toc); return this.state.toc; }, clearEls() { this.getKeys("el").forEach((e => { if ("el_root" === e) return; delete this.state.el[e]; })); } }; const i = { el: [ "root", "startCard", "readingMode", "main", "title", "content", "menu", "toc", "tocList" ], rule: [ "site", "default", "now" ], pos: [ "toc", "menu" ] }; for (const e in i) for (const t of i[e]) { const o = e + "_" + t; Object.defineProperty(n, o, { get: function() { if (this.is_debug) this.log("Store " + e + " get", o); return this.state[e][o]; }, set: function(t) { if (this.is_debug) this.log("Store " + e + " set", o + " = " + t); this.state[e][o] = t; } }); } n.exposeState(); const l = n; var a = __webpack_require__(920); var s = '<div class="start-content"> <p class="rmfm-small-tip">此提示来自于脚本:</p> <p class="rmfm-small-tip"><strong>移动页面的阅读模式</strong></p> <p class="rmfm-small-tip">当前版本号: 0.0.6beta</p> <p class="rmfm-small-tip">只是希望能够稍微提高一点在移动端的阅读体验。</p> <p class="rmfm-small-tip">此提示会在 <span id="rmfm-countdown"></span> 秒之后隐藏,刷新页面可以重新显示此提示。</p> <div class="start-card"> <button id="rmfm-show-button">进入阅读模式</button> <button id="rmfm-hide-button">╳</button> </div> </div>'; const d = s; var m = __webpack_require__(152); var c = '<article class="rmfm-main"> <div id="rmfm-menu"> <div class="rmfm-menu-top"> <div id="rmfm-close-button" class="rmfm-menu-item">关闭</div> <div id="rmfm-toc-button" class="rmfm-menu-item rmfm-menu-hidden">大纲</div> </div> <div class="rmfm-menu-bottom"> <div id="rmfm-top-button" class="rmfm-menu-item">返回顶部</div> </div> </div> <ul id="rmfm-toc-list"></ul> <h1 class="rmfm-title"></h1> <div class="rmfm-content"></div> </article>'; const f = c; var u = __webpack_require__(863); const removeEl = (e, t = false) => { if (l.is_debug) l.log("removeEl", { el: e, force: t }); try { e.parentNode.removeChild(e); } catch (o) { l.warn("Remove el", { parent: e.parentNode, el: e, error: o }); if (t) l.el_root.innerHTML = ""; } }; const addRootEl = () => { if (l.is_debug) l.log("addRootEl", "Everyone in it"); if (l.el_root) { l.warn("Add root el", "But here have a root el."); return; } l.el_root = document.createElement("div"); l.el_root.id = "rmfm-root-box"; document.querySelector("html").appendChild(l.el_root); }; const exitScript = () => { if (l.is_debug) l.log("exitScript", "End."); l.restore("redirect"); l.clearEls(); }; const getPostToShow = () => { if (l.is_debug) l.log("getPostToShow", ""); const e = l.rule_now; if (e.style) l.el_readingMode.querySelector("style").innerHTML += "\n" + e.style; l.el_title.innerText = titleGetter(e.titleGetter); l.el_content.innerHTML = contentGetter(e.contentGetter); const t = e.contentHandler; if ("function" === typeof t) t(l.el_content); getToc(); clearContent(); highlightCode(); }; const titleGetter = e => { if (l.is_debug) l.log("titleGetter", { selector: e }); if (e) { if ("string" === typeof e && e.length) return document.body.querySelector(e).innerText; if ("function" === typeof e) return e(); } const t = document.body.querySelector("h1"); if (t) return t.innerHTML; return document.title; }; const contentGetter = e => { if (l.is_debug) l.log("contentGetter", { selector: e }); const t = []; if (e) { if ("function" === typeof e) return e(); if ("string" === typeof e && e.length) t.unshift(e); } for (const e of t) { const t = document.body.querySelectorAll(e); if (t) { let e = ""; t.forEach((t => { e += `<div class="rmfm-section">` + t.innerHTML + `</div>`; })); return e; } } return document.body.innerHTML; }; const getToc = () => { const e = l.rule_now.toc ? l.rule_now.toc : [ "h1", "h2", "h3", "h4", "h5", "h6" ]; e.forEach(((e, t) => { l.el_content.querySelectorAll(e).forEach((e => { e.classList.add("rmfm-toc-title"); e.setAttribute("data-rmfm-toc-level", t); })); })); const t = []; l.el_content.querySelectorAll(".rmfm-toc-title").forEach(((e, o) => { const r = e.getAttribute("data-rmfm-toc-level"); e.setAttribute("data-rmfm-toc-mairk", o); l.addToc({ name: e.innerText, level: r, mark: o }); if (!t.includes(r)) t.push(r); })); t.sort(); if (l.getToc().length) { l.el_toc = l.el_readingMode.querySelector("#rmfm-toc-button"); l.el_tocList = l.el_readingMode.querySelector("#rmfm-toc-list"); let e = 0; l.getToc().forEach(((o, r) => { const n = document.createElement("li"); if (!r) e = t.indexOf(o.level); else if (e < o.level) e = 0; const i = t.indexOf(o.level) - e; n.id = "rmfm-toc-item-" + r; n.classList.add("rmfm-toc-item"); n.classList.add("rmfm-toc-item-" + i); n.style.marginLeft = 2 * i + "em"; n.innerHTML = "<span>" + o.name + "<span>"; n.onclick = () => { l.el_readingMode.scrollTo({ top: l.el_content.querySelector('[data-rmfm-toc-mairk="' + o.mark + '"]').offsetTop + l.el_content.offsetTop, behavior: "smooth" }); if (l.el_main.style.marginLeft) { l.el_main.style.marginLeft = ""; l.pos_menu(); } }; l.el_tocList.appendChild(n); })); let o = 0; let r = 0; l.pos_toc = () => { r = 0; l.el_tocList.querySelectorAll("li.rmfm-toc-item>span").forEach((e => { r = Math.max(r, e.offsetWidth + Number(window.getComputedStyle(e.parentNode).marginLeft.replace("px", ""))); })); if (r) r += 64; o = l.el_main.offsetLeft - r; l.el_tocList.style.left = (o < 0 ? 0 : o) + "px"; const e = window.getComputedStyle(l.el_main); if (o < 0 || +e.marginLeft.replace("px", "") > +e.marginRight.replace("px", "")) l.el_toc.classList.remove("rmfm-menu-hidden"); else { l.el_main.style.marginLeft = ""; l.el_toc.classList.add("rmfm-menu-hidden"); } }; l.pos_toc(); window.addEventListener("resize", l.pos_toc); l.setRestore("tocResetOffset", (() => { window.removeEventListener("resize", l.pos_toc); })); l.el_toc.onclick = () => { if (o >= 0) return; if (l.el_main.style.marginLeft) l.el_main.style.marginLeft = ""; else l.el_main.style.marginLeft = r + "px"; l.pos_menu(); }; } }; const clearContent = () => { if (l.is_debug) l.log("clearContent", ""); l.el_content.querySelectorAll(".rmfm-section *").forEach((e => { if (/^(style|script|header|footer|aside|nav|meta)$/i.test(e.tagName)) { removeEl(e); return; } e.removeAttribute("class"); e.removeAttribute("id"); e.removeAttribute("style"); })); l.el_content.querySelectorAll(".rmfm-section").forEach((e => { e.innerHTML = e.innerHTML.replace(/<\/?(div|span)[^>]*>/gi, "").replace(/<p>\s*(<br\s?\/?>\s*)*<\/p>/g, "").replace(/(<br\s?\/?>\s*){2,}/g, "<br />"); })); }; const highlightCode = () => { const e = l.el_content.querySelectorAll("pre"); if (e) { e.forEach((e => { const t = e.querySelector("code"); if ("undefined" !== typeof hljs) hljs.highlightBlock(t); else t.classList.add("hljs"); setLineNumber(t); })); l.el_readingMode.querySelector("style").innerHTML = u.Z + "\n" + l.el_readingMode.querySelector("style").innerHTML; } }; const generateLineNumber = (e, t) => { const o = document.createElement("canvas"); const r = o.getContext("2d"); const n = { font: t.fontSize + " " + (t.fontFamily ? t.fontFamily : window.getComputedStyle(document.body).fontFamily), textAlign: "right", fillStyle: "#999999" }; for (const e in n) r[e] = n[e]; t.width = r.measureText(e).width; t.height = Number(t.lineHeight.replace("px", "")); o.width = t.width; o.height = t.height; for (const e in n) r[e] = n[e]; const i = t.height / 2 + Number(t.fontSize.replace("px", "")) / 2; r.fillText(e, t.width, i); return o.toDataURL("image/png"); }; const setLineNumber = e => { const t = e ? [ e ] : []; t.forEach((e => { const t = window.getComputedStyle(e); const o = { fontSize: t.fontSize, fontFamily: t.fontFamily, lineHeight: t.lineHeight }; e.innerHTML = e.innerHTML.split("\n").map(((e, t) => { const r = t + 1; const n = generateLineNumber(r, o); return '<div class="rmfm-code-line"><div class="rmfm-code-line-num" date-line-num="' + r + '" style="background-image: url(' + n + ')"></div>' + e + "</div>"; })).join(""); })); }; const pageRedirectEvent = () => { const e = new Event("pageRedirect", { bubbles: true, cancelable: true }); e.arguments = arguments; window.dispatchEvent(e); }; const methodChanger = (e, t = window, o) => { const r = t[e]; t[e] = o ? function() { const e = r.apply(this, arguments); o(arguments); return e; } : function() { if (l.is_debug) l.log("Evevt Killer - " + e, JSON.stringify(arguments)); }; return function() { t[e] = r; }; }; const addPageRedirectTrigger = () => { [ "pushState", "replaceState" ].forEach((e => { l.setRestore(e, methodChanger(e, history, pageRedirectEvent)); })); window.addEventListener("popstate", pageRedirectEvent); l.setRestore("popstate", (() => { window.removeEventListener("popstate", pageRedirectEvent); })); const pageRedirectListener = () => { if (window.rmfmState.pageUrl === window.location.href) return; }; window.addEventListener("pageRedirect", pageRedirectListener); l.setRestore("pageRedirect", (() => { window.removeEventListener("pageRedirect", pageRedirectListener); })); }; const enterPage = e => { if (l.is_debug) l.log("Page enter", "Start."); if (self != top) return; l.rule_site = e[window.location.host]; if (!l.rule_site) return; addPageRedirectTrigger(); l.rule_default = Object.assign({}, l.rule_site); delete l.rule_default.rules; if (l.rule_default.blockModal) l.modal.forEach((e => { l.setRestore(e, methodChanger(e)); })); for (const e of l.rule_site.rules) if (e.urlReg.test(window.location.href)) { l.rule_now = Object.assign({}, l.rule_default, e); break; } if (!l.rule_now) { exitScript(); return; } addRootEl(); if (l.auto_reading_mode) { showReadingMode(); return; } showStartCard(); }; const showStartCard = () => { if (l.is_debug) l.log("showStartCard", ""); if (l.el_startCard) { l.warn("Add start el", "But here have a start el."); return; } l.el_startCard = document.createElement("div"); l.el_startCard.id = "reading-mode-for-mobile-start-card"; l.el_startCard.innerHTML = "<style>" + a.Z + "</style>\n" + d; l.el_root.appendChild(l.el_startCard); const closeStartCard = () => { window.clearInterval(o); removeEl(l.el_startCard, true); l.el_startCard = null; l.setRestore("closeStartCard"); }; l.setRestore("closeStartCard", closeStartCard); l.el_startCard.querySelector("#rmfm-hide-button").onclick = exitScript; l.el_startCard.querySelector("#rmfm-show-button").onclick = () => { closeStartCard(); showReadingMode(); }; let e = 8; const t = l.el_startCard.querySelector("#rmfm-countdown"); t.innerText = e; let o = window.setInterval((() => { e--; if (!e) closeStartCard(); t.innerText = e; }), 1e3); }; const showReadingMode = () => { if (l.is_debug) l.log("showReadingMode", ""); const e = l.rule_now; if (l.el_readingMode) { l.warn("Add reading el", "But here have a reading el."); return; } l.el_readingMode = document.createElement("div"); l.el_readingMode.id = "reading-mode-for-mobile"; l.el_readingMode.innerHTML = "<style>" + m.Z + "</style>\n" + f; l.el_root.appendChild(l.el_readingMode); document.body.classList.add("rmfm-body-hidden"); const closeReadingMode = () => { document.body.classList.remove("rmfm-body-hidden"); removeEl(l.el_readingMode, true); document.removeEventListener("keydown", escCloseReadingMode); l.setRestore("closeReadingMode"); }; l.setRestore("closeReadingMode", closeReadingMode); const escCloseReadingMode = e => { if ("Escape" === e.code) exitScript(); }; document.addEventListener("keydown", escCloseReadingMode); l.el_main = l.el_readingMode.querySelector(".rmfm-main"); l.el_title = l.el_readingMode.querySelector(".rmfm-title"); l.el_content = l.el_readingMode.querySelector(".rmfm-content"); l.el_menu = l.el_readingMode.querySelector("#rmfm-menu"); l.pos_menu = () => { l.el_menu.style.marginLeft = l.el_main.offsetLeft + "px"; }; l.pos_menu(); window.addEventListener("resize", l.pos_menu); l.setRestore("menuResetOffset", (() => { window.removeEventListener("resize", l.pos_menu); })); l.el_menu.querySelector("#rmfm-close-button").onclick = exitScript; l.el_menu.querySelector("#rmfm-top-button").onclick = () => { l.el_readingMode.scrollTo({ top: 0, behavior: "smooth" }); }; if ("loading" === document.readyState) { l.el_content.innerHTML = `<div style="text-align: center">loading……</div>`; document.addEventListener("DOMContentLoaded", (() => { getPostToShow(); })); } else getPostToShow(); }; if (l.is_debug) l.log("Script", "Now, script is loaded."); const g = { enterPage }; if (l.is_debug) l.log("Script", "Now, script start."); g.enterPage(t); })(); })();