Raw Source Toggle Dropdown

• Minified Source

kerwin612 / ReadTools

/**

// Source code can be found at https://github.com/kerwin612/us-readtools

## 辅助阅读工具  
**在 屏幕左侧 右击 触发 上一页 按钮，在 屏幕右侧 右击 触发 下一页 按钮；“扩大”翻页的区域，提高翻页效率，提升阅读体验**  
  
将屏幕 **纵向从下往上三分之二** 的区域划分为 **左右** 两部分，分别映射到 **上一页** 和 **下一页** 两个按钮上，用 **鼠标右键** 触发；  
当在屏幕 **左侧右击** 鼠标时，触发 **上一页** 按钮；  
当在屏幕 **右侧右击** 鼠标时，触发 **下一页** 按钮；  
本脚本通过 **支持自定义配置** 来扩展适配任何你需要的网站；  
配置项为：`funcConfig`，该值的格式为`object`：`key`为 **匹配网站URL的 正则表达式 或 前缀** ，`value`为 **函数字符串** ；  
默认适配了 [doukan.com](https://www.duokan.com/) & [gitbook.io](https://kerwin612.gitbook.io) ，如下：
```
funcConfig = {
    "^.*duokan.com/reader/www/app.html":
        "function() {\
            return {\
                    prevLink: document.getElementsByClassName('j-pageup')[0],\
                    nextLink: document.getElementsByClassName('j-pagedown')[0]\
            };\
        }",
    "^.*gitbook\\.io.*$": 
        "function() {\
            let loopEle = function(ele, classNamePattern) {\
                if (new RegExp(classNamePattern).test(ele.className)) return ele;\
                let rst = null;\
                for (let i = 0; i < ele.children.length; i++) {\
                    if ((rst = loopEle(ele.children[i], classNamePattern))) break;\
                }\
                return rst;\
            };\
            let classBase;\
            let navPagesLinks;\
            let resultObj = {};\
            if ((classBase = document.getElementById('__GITBOOK__ROOT__CLIENT__').firstChild.className.split('--')[0]) && (navPagesLinks = loopEle(document.getElementById('__GITBOOK__ROOT__CLIENT__'), '^'+ classBase + '--navPagesLinks-.+$'))) {\
                navPagesLinks.children.forEach((val) => {\
                    if (new RegExp('^'+ classBase + '.*--cardPrevious-.+$').test(val.className)) resultObj.prevLink = val;\
                    if (new RegExp('^'+ classBase + '.*--cardNext-.+$').test(val.className)) resultObj.nextLink = val;\
                });\
            }\
            return resultObj;\
        }",
}
```  
如上，`value`为 **函数字符串** ，此函数必须返回网站的 **上一页** 和 **下一页** 两个按钮的 **节点对象** ，以便于脚本触发；

*/

// ==UserScript==
// @name ReadTools
// @namespace github.com/kerwin612
// @description 在 屏幕左侧 右击 触发 上一页 按钮，在 屏幕右侧 右击 触发 下一页 按钮；“扩大”翻页的区域，提高翻页效率，提升阅读体验 / Right-click on the left side of the screen to trigger the previous page button, and right-click on the right side of the screen to trigger the next page button; "enlarge" the page turning area to improve page turning efficiency and improve the reading experience
// @version 0.5
// @author kerwin612
// @license MIT
// @include *
// @require https://openuserjs.org/src/libs/kerwin612/Kerwin612.js
// @run-at document-start
// @grant GM.getValue
// @grant GM_getValue
// @noframes
// ==/UserScript==


k_cs.funcConfig = {
    "^.*duokan.com/reader/www/app.html":
        "function() {\
            return {\
                    prevLink: document.getElementsByClassName('j-pageup')[0],\
                    nextLink: document.getElementsByClassName('j-pagedown')[0]\
            };\
        }",
    "^.*(gitbook\\.io|note\\.1810\\.tech).*$": 
        "function() {\
            let loopEle = function(ele, classNamePattern) {\
                if (new RegExp(classNamePattern).test(ele.className)) return ele;\
                let rst = null;\
                for (let i = 0; i < ele.children.length; i++) {\
                    if ((rst = loopEle(ele.children[i], classNamePattern))) break;\
                }\
                return rst;\
            };\
            let classBase;\
            let navPagesLinks;\
            let resultObj = {};\
            if ((classBase = document.getElementById('__GITBOOK__ROOT__CLIENT__').firstChild.className.split('--')[0]) && (navPagesLinks = loopEle(document.getElementById('__GITBOOK__ROOT__CLIENT__'), '^'+ classBase + '--navPagesLinks-.+$'))) {\
                navPagesLinks.children.forEach((val) => {\
                    if (new RegExp('^'+ classBase + '.*--cardPrevious-.+$').test(val.className)) resultObj.prevLink = val;\
                    if (new RegExp('^'+ classBase + '.*--cardNext-.+$').test(val.className)) resultObj.nextLink = val;\
                });\
            }\
            return resultObj;\
        }",
}

kStart(kFunc => {
    kFunc(
        //startup: url匹配上时就会执行的方法，无须返回值，仅执行一次
        (ctx) => {
            let url = window.location.href;
            for (let [k, v] of Object.entries(k_cs.funcConfig)) {
                if ((url === k || url.startsWith(k) || new RegExp(k).test(url))) {
                    ctx.findEleFunc = k_cs.funcConfig[k];
                    break;
                }
            }
            if (!ctx.findEleFunc) return;
            ctx.bindEle = function() {
                try {
                    delete ctx.prevLink;
                    delete ctx.nextLink;
    
                    let findEle = Function('return (' + ctx.findEleFunc + ')')()();
                    if (!findEle) return false;
                    ctx.prevLink = findEle.prevLink;
                    ctx.nextLink = findEle.nextLink;
    
                    if (ctx.prevLink) {
                        ctx.prevLink.oldclick = ctx.prevLink.oldclick || ctx.prevLink.onclick;
                        ctx.prevLink.onclick = function() {
                            console.log('prev-click', ctx);
                            ctx.prevLink.oldclick && ctx.prevLink.oldclick();
                        }
                    }
    
                    if (ctx.nextLink) {
                        ctx.nextLink.oldclick = ctx.nextLink.oldclick ||  ctx.nextLink.onclick;
                        ctx.nextLink.onclick = function() {
                            console.log('next-click', ctx);
                            ctx.nextLink.oldclick && ctx.nextLink.oldclick();
                        }
                    }
                    return true;
                } catch(error) {}
                return false;
            }
        }, 
        //ready: url匹配上时就会执行的方法，返回bool类型的值，每30ms执行一次，直至此方法返回true后就不再执行
        (ctx) => {
            return !ctx.findEleFunc || ctx.bindEle();
        }, 
        //run: url匹配上且以上的ready方法返回true后执行的方法，无须返回值，仅执行一次
        (ctx) => {
            if (!ctx.findEleFunc) return;
            window.oncontextmenu = function(e) {
                if (e.screenY < document.body.clientHeight / 3 || !ctx.bindEle()) return true;
                e.preventDefault();
    
                if (e.screenX > document.body.clientWidth / 2) {
                    ctx.nextLink && ctx.nextLink.click();
                } else {
                    ctx.prevLink && ctx.prevLink.click();
                }
                return false;     // cancel default menu
            }
        }
    );
});